@vaadin/vaadin-lumo-styles 24.6.1 → 24.6.3
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/auto-complete.css +25 -25
- package/mixins/input-field-shared.js +1 -1
- package/package.json +5 -5
- package/utilities/flexbox-grid.js +25 -25
package/auto-complete.css
CHANGED
|
@@ -802,19 +802,19 @@
|
|
|
802
802
|
}
|
|
803
803
|
/* === Responsive design === */
|
|
804
804
|
@media (min-width: 640px) {
|
|
805
|
-
.sm
|
|
805
|
+
.sm\:items-baseline {
|
|
806
806
|
align-items: baseline;
|
|
807
807
|
}
|
|
808
|
-
.sm
|
|
808
|
+
.sm\:items-center {
|
|
809
809
|
align-items: center;
|
|
810
810
|
}
|
|
811
|
-
.sm
|
|
811
|
+
.sm\:items-end {
|
|
812
812
|
align-items: flex-end;
|
|
813
813
|
}
|
|
814
|
-
.sm
|
|
814
|
+
.sm\:items-start {
|
|
815
815
|
align-items: flex-start;
|
|
816
816
|
}
|
|
817
|
-
.sm
|
|
817
|
+
.sm\:items-stretch {
|
|
818
818
|
align-items: stretch;
|
|
819
819
|
}
|
|
820
820
|
.sm\:flex-col {
|
|
@@ -861,19 +861,19 @@
|
|
|
861
861
|
}
|
|
862
862
|
}
|
|
863
863
|
@media (min-width: 768px) {
|
|
864
|
-
.md
|
|
864
|
+
.md\:items-baseline {
|
|
865
865
|
align-items: baseline;
|
|
866
866
|
}
|
|
867
|
-
.md
|
|
867
|
+
.md\:items-center {
|
|
868
868
|
align-items: center;
|
|
869
869
|
}
|
|
870
|
-
.md
|
|
870
|
+
.md\:items-end {
|
|
871
871
|
align-items: flex-end;
|
|
872
872
|
}
|
|
873
|
-
.md
|
|
873
|
+
.md\:items-start {
|
|
874
874
|
align-items: flex-start;
|
|
875
875
|
}
|
|
876
|
-
.md
|
|
876
|
+
.md\:items-stretch {
|
|
877
877
|
align-items: stretch;
|
|
878
878
|
}
|
|
879
879
|
.md\:flex-col {
|
|
@@ -920,19 +920,19 @@
|
|
|
920
920
|
}
|
|
921
921
|
}
|
|
922
922
|
@media (min-width: 1024px) {
|
|
923
|
-
.lg
|
|
923
|
+
.lg\:items-baseline {
|
|
924
924
|
align-items: baseline;
|
|
925
925
|
}
|
|
926
|
-
.lg
|
|
926
|
+
.lg\:items-center {
|
|
927
927
|
align-items: center;
|
|
928
928
|
}
|
|
929
|
-
.lg
|
|
929
|
+
.lg\:items-end {
|
|
930
930
|
align-items: flex-end;
|
|
931
931
|
}
|
|
932
|
-
.lg
|
|
932
|
+
.lg\:items-start {
|
|
933
933
|
align-items: flex-start;
|
|
934
934
|
}
|
|
935
|
-
.lg
|
|
935
|
+
.lg\:items-stretch {
|
|
936
936
|
align-items: stretch;
|
|
937
937
|
}
|
|
938
938
|
.lg\:flex-col {
|
|
@@ -979,19 +979,19 @@
|
|
|
979
979
|
}
|
|
980
980
|
}
|
|
981
981
|
@media (min-width: 1280px) {
|
|
982
|
-
.xl
|
|
982
|
+
.xl\:items-baseline {
|
|
983
983
|
align-items: baseline;
|
|
984
984
|
}
|
|
985
|
-
.xl
|
|
985
|
+
.xl\:items-center {
|
|
986
986
|
align-items: center;
|
|
987
987
|
}
|
|
988
|
-
.xl
|
|
988
|
+
.xl\:items-end {
|
|
989
989
|
align-items: flex-end;
|
|
990
990
|
}
|
|
991
|
-
.xl
|
|
991
|
+
.xl\:items-start {
|
|
992
992
|
align-items: flex-start;
|
|
993
993
|
}
|
|
994
|
-
.xl
|
|
994
|
+
.xl\:items-stretch {
|
|
995
995
|
align-items: stretch;
|
|
996
996
|
}
|
|
997
997
|
.xl\:flex-col {
|
|
@@ -1038,19 +1038,19 @@
|
|
|
1038
1038
|
}
|
|
1039
1039
|
}
|
|
1040
1040
|
@media (min-width: 1536px) {
|
|
1041
|
-
.\32xl
|
|
1041
|
+
.\32xl\:items-baseline {
|
|
1042
1042
|
align-items: baseline;
|
|
1043
1043
|
}
|
|
1044
|
-
.\32xl
|
|
1044
|
+
.\32xl\:items-center {
|
|
1045
1045
|
align-items: center;
|
|
1046
1046
|
}
|
|
1047
|
-
.\32xl
|
|
1047
|
+
.\32xl\:items-end {
|
|
1048
1048
|
align-items: flex-end;
|
|
1049
1049
|
}
|
|
1050
|
-
.\32xl
|
|
1050
|
+
.\32xl\:items-start {
|
|
1051
1051
|
align-items: flex-start;
|
|
1052
1052
|
}
|
|
1053
|
-
.\32xl
|
|
1053
|
+
.\32xl\:items-stretch {
|
|
1054
1054
|
align-items: stretch;
|
|
1055
1055
|
}
|
|
1056
1056
|
.\32xl\:flex-col {
|
|
@@ -106,7 +106,7 @@ const inputField = css`
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
:host([invalid][focus-ring]) [part='input-field'] {
|
|
109
|
-
box-shadow: 0 0 0
|
|
109
|
+
box-shadow: 0 0 0 var(--_focus-ring-width) var(--lumo-error-color-50pct);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
:host([input-prevented]) [part='input-field'] {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/vaadin-lumo-styles",
|
|
3
|
-
"version": "24.6.
|
|
3
|
+
"version": "24.6.3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
],
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@polymer/polymer": "^3.0.0",
|
|
44
|
-
"@vaadin/component-base": "~24.6.
|
|
45
|
-
"@vaadin/icon": "~24.6.
|
|
46
|
-
"@vaadin/vaadin-themable-mixin": "~24.6.
|
|
44
|
+
"@vaadin/component-base": "~24.6.3",
|
|
45
|
+
"@vaadin/icon": "~24.6.3",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "~24.6.3"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"gulp": "^4.0.2",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"gulp-sort": "^2.0.0",
|
|
53
53
|
"gulp-svgmin": "^4.1.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "26a1f4cd0fd9de4543862015feda3d35c78bd3b8"
|
|
56
56
|
}
|
|
@@ -321,19 +321,19 @@ export const flexboxAndGrid = css`
|
|
|
321
321
|
|
|
322
322
|
/* === Responsive design === */
|
|
323
323
|
@media (min-width: 640px) {
|
|
324
|
-
.sm
|
|
324
|
+
.sm\\:items-baseline {
|
|
325
325
|
align-items: baseline;
|
|
326
326
|
}
|
|
327
|
-
.sm
|
|
327
|
+
.sm\\:items-center {
|
|
328
328
|
align-items: center;
|
|
329
329
|
}
|
|
330
|
-
.sm
|
|
330
|
+
.sm\\:items-end {
|
|
331
331
|
align-items: flex-end;
|
|
332
332
|
}
|
|
333
|
-
.sm
|
|
333
|
+
.sm\\:items-start {
|
|
334
334
|
align-items: flex-start;
|
|
335
335
|
}
|
|
336
|
-
.sm
|
|
336
|
+
.sm\\:items-stretch {
|
|
337
337
|
align-items: stretch;
|
|
338
338
|
}
|
|
339
339
|
.sm\\:flex-col {
|
|
@@ -381,19 +381,19 @@ export const flexboxAndGrid = css`
|
|
|
381
381
|
}
|
|
382
382
|
|
|
383
383
|
@media (min-width: 768px) {
|
|
384
|
-
.md
|
|
384
|
+
.md\\:items-baseline {
|
|
385
385
|
align-items: baseline;
|
|
386
386
|
}
|
|
387
|
-
.md
|
|
387
|
+
.md\\:items-center {
|
|
388
388
|
align-items: center;
|
|
389
389
|
}
|
|
390
|
-
.md
|
|
390
|
+
.md\\:items-end {
|
|
391
391
|
align-items: flex-end;
|
|
392
392
|
}
|
|
393
|
-
.md
|
|
393
|
+
.md\\:items-start {
|
|
394
394
|
align-items: flex-start;
|
|
395
395
|
}
|
|
396
|
-
.md
|
|
396
|
+
.md\\:items-stretch {
|
|
397
397
|
align-items: stretch;
|
|
398
398
|
}
|
|
399
399
|
.md\\:flex-col {
|
|
@@ -440,19 +440,19 @@ export const flexboxAndGrid = css`
|
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
442
|
@media (min-width: 1024px) {
|
|
443
|
-
.lg
|
|
443
|
+
.lg\\:items-baseline {
|
|
444
444
|
align-items: baseline;
|
|
445
445
|
}
|
|
446
|
-
.lg
|
|
446
|
+
.lg\\:items-center {
|
|
447
447
|
align-items: center;
|
|
448
448
|
}
|
|
449
|
-
.lg
|
|
449
|
+
.lg\\:items-end {
|
|
450
450
|
align-items: flex-end;
|
|
451
451
|
}
|
|
452
|
-
.lg
|
|
452
|
+
.lg\\:items-start {
|
|
453
453
|
align-items: flex-start;
|
|
454
454
|
}
|
|
455
|
-
.lg
|
|
455
|
+
.lg\\:items-stretch {
|
|
456
456
|
align-items: stretch;
|
|
457
457
|
}
|
|
458
458
|
.lg\\:flex-col {
|
|
@@ -499,19 +499,19 @@ export const flexboxAndGrid = css`
|
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
501
|
@media (min-width: 1280px) {
|
|
502
|
-
.xl
|
|
502
|
+
.xl\\:items-baseline {
|
|
503
503
|
align-items: baseline;
|
|
504
504
|
}
|
|
505
|
-
.xl
|
|
505
|
+
.xl\\:items-center {
|
|
506
506
|
align-items: center;
|
|
507
507
|
}
|
|
508
|
-
.xl
|
|
508
|
+
.xl\\:items-end {
|
|
509
509
|
align-items: flex-end;
|
|
510
510
|
}
|
|
511
|
-
.xl
|
|
511
|
+
.xl\\:items-start {
|
|
512
512
|
align-items: flex-start;
|
|
513
513
|
}
|
|
514
|
-
.xl
|
|
514
|
+
.xl\\:items-stretch {
|
|
515
515
|
align-items: stretch;
|
|
516
516
|
}
|
|
517
517
|
.xl\\:flex-col {
|
|
@@ -558,19 +558,19 @@ export const flexboxAndGrid = css`
|
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
560
|
@media (min-width: 1536px) {
|
|
561
|
-
.\\32xl
|
|
561
|
+
.\\32xl\\:items-baseline {
|
|
562
562
|
align-items: baseline;
|
|
563
563
|
}
|
|
564
|
-
.\\32xl
|
|
564
|
+
.\\32xl\\:items-center {
|
|
565
565
|
align-items: center;
|
|
566
566
|
}
|
|
567
|
-
.\\32xl
|
|
567
|
+
.\\32xl\\:items-end {
|
|
568
568
|
align-items: flex-end;
|
|
569
569
|
}
|
|
570
|
-
.\\32xl
|
|
570
|
+
.\\32xl\\:items-start {
|
|
571
571
|
align-items: flex-start;
|
|
572
572
|
}
|
|
573
|
-
.\\32xl
|
|
573
|
+
.\\32xl\\:items-stretch {
|
|
574
574
|
align-items: stretch;
|
|
575
575
|
}
|
|
576
576
|
.\\32xl\\:flex-col {
|