@festo-ui/web-essentials 11.0.0-dev.964 → 11.0.0-dev.971
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/css/festo-web-essentials.css +62 -36
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +14 -14
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/light/festo-web-essentials-light.css +53 -27
- package/dist/css/light/festo-web-essentials-light.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.css +4 -0
- package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/scss/_badge.scss +1 -1
- package/dist/scss/_button.scss +3 -3
- package/dist/scss/_chips.scss +1 -1
- package/dist/scss/_list.scss +11 -5
- package/dist/scss/{_bottom-navigation.scss → _mobile-tab-bar.scss} +50 -47
- package/dist/scss/_modal.scss +1 -0
- package/dist/scss/_tree.scss +1 -0
- package/dist/scss/festo-web-essentials.scss +2 -2
- package/dist/scss/light/festo-web-essentials-light.scss +1 -1
- package/dist/scss/organisms/_header-slider.scss +2 -0
- package/dist/scss/organisms/_image-gallery.scss +2 -0
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/llm-doc/components.md +3 -3
- package/package.json +1 -1
- package/scss/_badge.scss +1 -1
- package/scss/_button.scss +3 -3
- package/scss/_chips.scss +1 -1
- package/scss/_list.scss +11 -5
- package/scss/{_bottom-navigation.scss → _mobile-tab-bar.scss} +50 -47
- package/scss/_modal.scss +1 -0
- package/scss/_tree.scss +1 -0
- package/scss/festo-web-essentials.scss +1 -1
- package/scss/light/festo-web-essentials-light.scss +1 -1
- package/scss/organisms/_header-slider.scss +2 -0
- package/scss/organisms/_image-gallery.scss +2 -0
|
@@ -2702,7 +2702,7 @@ ul.fwe-list-group {
|
|
|
2702
2702
|
color: var(--fwe-text);
|
|
2703
2703
|
}
|
|
2704
2704
|
.fwe-list-group .fwe-list-group-item.fwe-disabled {
|
|
2705
|
-
color: var(--fwe-
|
|
2705
|
+
color: var(--fwe-control-active);
|
|
2706
2706
|
}
|
|
2707
2707
|
.fwe-list-group .fwe-list-group-item.fwe-disabled::before {
|
|
2708
2708
|
background-color: var(--fwe-control-hover);
|
|
@@ -2712,7 +2712,7 @@ ul.fwe-list-group {
|
|
|
2712
2712
|
color: var(--fwe-text);
|
|
2713
2713
|
}
|
|
2714
2714
|
.fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
2715
|
-
background-color: var(--fwe-
|
|
2715
|
+
background-color: var(--fwe-background);
|
|
2716
2716
|
}
|
|
2717
2717
|
.fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-body,
|
|
2718
2718
|
.fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-footer {
|
|
@@ -2728,7 +2728,7 @@ ul.fwe-list-group {
|
|
|
2728
2728
|
}
|
|
2729
2729
|
.fwe-list-group button.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
2730
2730
|
color: var(--fwe-hero);
|
|
2731
|
-
background-color: var(--fwe-
|
|
2731
|
+
background-color: var(--fwe-background);
|
|
2732
2732
|
}
|
|
2733
2733
|
.fwe-list-group.fwe-list-group-border .fwe-list-group-item,
|
|
2734
2734
|
.fwe-list-group.fwe-list-group-border button.fwe-list-group-item {
|
|
@@ -2775,7 +2775,7 @@ ul.fwe-list-group {
|
|
|
2775
2775
|
transform: scaleY(4);
|
|
2776
2776
|
}
|
|
2777
2777
|
.fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled {
|
|
2778
|
-
color: var(--fwe-
|
|
2778
|
+
color: var(--fwe-control-active);
|
|
2779
2779
|
}
|
|
2780
2780
|
.fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled::before {
|
|
2781
2781
|
background-color: var(--fwe-control-hover);
|
|
@@ -2788,9 +2788,12 @@ ul.fwe-list-group {
|
|
|
2788
2788
|
width: auto;
|
|
2789
2789
|
}
|
|
2790
2790
|
.fwe-list-group.fwe-list-group-horizontal a.fwe-list-group-item:not(.fwe-disabled):hover,
|
|
2791
|
+
.fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
2792
|
+
background-color: var(--fwe-background);
|
|
2793
|
+
}
|
|
2791
2794
|
.fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
2792
2795
|
color: var(--fwe-hero);
|
|
2793
|
-
background-color:
|
|
2796
|
+
background-color: var(--fwe-background);
|
|
2794
2797
|
}
|
|
2795
2798
|
|
|
2796
2799
|
.fwe-list-group-header {
|
|
@@ -3811,7 +3814,7 @@ label.fwe-input-text.fwe-input-text-icon textarea {
|
|
|
3811
3814
|
cursor: default;
|
|
3812
3815
|
background: var(--fwe-control-disabled);
|
|
3813
3816
|
border: 1px solid var(--fwe-control-disabled);
|
|
3814
|
-
color: var(--fwe-
|
|
3817
|
+
color: var(--fwe-control-active);
|
|
3815
3818
|
}
|
|
3816
3819
|
.fwe-chip.fwe-disabled.fwe-filter.fwe-selected {
|
|
3817
3820
|
cursor: default;
|
|
@@ -4227,28 +4230,28 @@ button.fwe-btn.fwe-disabled {
|
|
|
4227
4230
|
background: var(--fwe-control-disabled);
|
|
4228
4231
|
color: var(--fwe-text-disabled);
|
|
4229
4232
|
}
|
|
4230
|
-
a.fwe-btn.fwe-btn-
|
|
4231
|
-
button.fwe-btn.fwe-btn-
|
|
4232
|
-
button.fwe-btn.fwe-btn-
|
|
4233
|
+
a.fwe-btn.fwe-btn-hero, a.fwe-btn.fwe-btn-primary,
|
|
4234
|
+
button.fwe-btn.fwe-btn-hero,
|
|
4235
|
+
button.fwe-btn.fwe-btn-primary {
|
|
4233
4236
|
color: var(--fwe-white);
|
|
4234
4237
|
background: var(--fwe-hero);
|
|
4235
4238
|
}
|
|
4236
|
-
a.fwe-btn.fwe-btn-
|
|
4237
|
-
button.fwe-btn.fwe-btn-
|
|
4238
|
-
button.fwe-btn.fwe-btn-
|
|
4239
|
+
a.fwe-btn.fwe-btn-hero:hover, a.fwe-btn.fwe-btn-primary:hover,
|
|
4240
|
+
button.fwe-btn.fwe-btn-hero:hover,
|
|
4241
|
+
button.fwe-btn.fwe-btn-primary:hover {
|
|
4239
4242
|
color: var(--fwe-white);
|
|
4240
4243
|
background: var(--fwe-hero-hover);
|
|
4241
4244
|
}
|
|
4242
|
-
a.fwe-btn.fwe-btn-
|
|
4243
|
-
button.fwe-btn.fwe-btn-
|
|
4244
|
-
button.fwe-btn.fwe-btn-
|
|
4245
|
+
a.fwe-btn.fwe-btn-hero:active, a.fwe-btn.fwe-btn-primary:active,
|
|
4246
|
+
button.fwe-btn.fwe-btn-hero:active,
|
|
4247
|
+
button.fwe-btn.fwe-btn-primary:active {
|
|
4245
4248
|
background: var(--fwe-hero-active);
|
|
4246
4249
|
}
|
|
4247
|
-
a.fwe-btn.fwe-btn-
|
|
4248
|
-
button.fwe-btn.fwe-btn-primary:disabled,
|
|
4249
|
-
button.fwe-btn.fwe-btn-primary.fwe-disabled,
|
|
4250
|
+
a.fwe-btn.fwe-btn-hero:disabled, a.fwe-btn.fwe-btn-hero.fwe-disabled, a.fwe-btn.fwe-btn-primary:disabled, a.fwe-btn.fwe-btn-primary.fwe-disabled,
|
|
4250
4251
|
button.fwe-btn.fwe-btn-hero:disabled,
|
|
4251
|
-
button.fwe-btn.fwe-btn-hero.fwe-disabled
|
|
4252
|
+
button.fwe-btn.fwe-btn-hero.fwe-disabled,
|
|
4253
|
+
button.fwe-btn.fwe-btn-primary:disabled,
|
|
4254
|
+
button.fwe-btn.fwe-btn-primary.fwe-disabled {
|
|
4252
4255
|
background: var(--fwe-control-disabled);
|
|
4253
4256
|
color: var(--fwe-text-disabled);
|
|
4254
4257
|
}
|
|
@@ -5354,7 +5357,9 @@ fieldset.fwe-progress-container label {
|
|
|
5354
5357
|
.fwe-modal--with-indicator-bar {
|
|
5355
5358
|
border-left: 8px solid var(--fwe-hero);
|
|
5356
5359
|
}
|
|
5357
|
-
.fwe-modal--with-indicator-bar.fwe-modal--warning button.fwe-btn.fwe-btn-
|
|
5360
|
+
.fwe-modal--with-indicator-bar.fwe-modal--warning button.fwe-btn.fwe-btn-link,
|
|
5361
|
+
.fwe-modal--with-indicator-bar.fwe-modal--warning button.fwe-btn.fwe-btn-tertiary, .fwe-modal--with-indicator-bar.fwe-modal--error button.fwe-btn.fwe-btn-link,
|
|
5362
|
+
.fwe-modal--with-indicator-bar.fwe-modal--error button.fwe-btn.fwe-btn-tertiary {
|
|
5358
5363
|
color: var(--fwe-text);
|
|
5359
5364
|
}
|
|
5360
5365
|
.fwe-modal--info .fwe-modal-h2, .fwe-modal--warning .fwe-modal-h2, .fwe-modal--error .fwe-modal-h2 {
|
|
@@ -6580,7 +6585,8 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
6580
6585
|
border-color: transparent;
|
|
6581
6586
|
}
|
|
6582
6587
|
|
|
6583
|
-
.fwe-bottom-navigation
|
|
6588
|
+
.fwe-bottom-navigation,
|
|
6589
|
+
.fwe-mobile-tab-bar {
|
|
6584
6590
|
width: 100%;
|
|
6585
6591
|
display: flex;
|
|
6586
6592
|
background: var(--fwe-white);
|
|
@@ -6590,7 +6596,10 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
6590
6596
|
height: 84px;
|
|
6591
6597
|
padding: 22px 16px;
|
|
6592
6598
|
}
|
|
6593
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button
|
|
6599
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button,
|
|
6600
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button,
|
|
6601
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button,
|
|
6602
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button {
|
|
6594
6603
|
cursor: pointer;
|
|
6595
6604
|
-webkit-user-select: none;
|
|
6596
6605
|
-moz-user-select: none;
|
|
@@ -6603,10 +6612,16 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
6603
6612
|
color: var(--fwe-hero-gray);
|
|
6604
6613
|
position: relative;
|
|
6605
6614
|
}
|
|
6606
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon
|
|
6615
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon,
|
|
6616
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button .fwe-icon,
|
|
6617
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button .fwe-icon,
|
|
6618
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button .fwe-icon {
|
|
6607
6619
|
line-height: 0px;
|
|
6608
6620
|
}
|
|
6609
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button :after
|
|
6621
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button :after,
|
|
6622
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button :after,
|
|
6623
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button :after,
|
|
6624
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button :after {
|
|
6610
6625
|
content: "";
|
|
6611
6626
|
position: absolute;
|
|
6612
6627
|
top: -23px;
|
|
@@ -6616,14 +6631,23 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
6616
6631
|
background: var(--fwe-hero);
|
|
6617
6632
|
transition: height 0.3s ease;
|
|
6618
6633
|
}
|
|
6619
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected
|
|
6634
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected,
|
|
6635
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected,
|
|
6636
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected,
|
|
6637
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected {
|
|
6620
6638
|
color: var(--fwe-hero);
|
|
6621
6639
|
cursor: default;
|
|
6622
6640
|
}
|
|
6623
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after
|
|
6641
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after,
|
|
6642
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected :after,
|
|
6643
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected :after,
|
|
6644
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected :after {
|
|
6624
6645
|
height: 4px;
|
|
6625
6646
|
}
|
|
6626
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button:active
|
|
6647
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button:active,
|
|
6648
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button:active,
|
|
6649
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button:active,
|
|
6650
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button:active {
|
|
6627
6651
|
color: var(--fwe-hero-active);
|
|
6628
6652
|
}
|
|
6629
6653
|
|
|
@@ -6929,11 +6953,13 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
6929
6953
|
margin-left: 16px;
|
|
6930
6954
|
}
|
|
6931
6955
|
|
|
6956
|
+
.fwe-btn.fwe-btn-link.fwe-btn--tree-node-toggle,
|
|
6932
6957
|
.fwe-btn.fwe-btn-tertiary.fwe-btn--tree-node-toggle {
|
|
6933
6958
|
color: var(--fwe-text);
|
|
6934
6959
|
padding: 0 8px 0 16px;
|
|
6935
6960
|
justify-content: flex-start;
|
|
6936
6961
|
}
|
|
6962
|
+
.fwe-btn.fwe-btn-link.fwe-btn--tree-node-select,
|
|
6937
6963
|
.fwe-btn.fwe-btn-tertiary.fwe-btn--tree-node-select {
|
|
6938
6964
|
color: var(--fwe-text);
|
|
6939
6965
|
justify-content: flex-start;
|