@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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -926,7 +926,7 @@ template {
|
|
|
926
926
|
}
|
|
927
927
|
|
|
928
928
|
/*!
|
|
929
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
929
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
930
930
|
* Copyright 2022 Festo SE & Co. KG
|
|
931
931
|
* Licensed under Apache-2.0
|
|
932
932
|
*/
|
|
@@ -12033,7 +12033,7 @@ ul.fwe-list-group {
|
|
|
12033
12033
|
color: var(--fwe-text);
|
|
12034
12034
|
}
|
|
12035
12035
|
.fwe-list-group .fwe-list-group-item.fwe-disabled {
|
|
12036
|
-
color: var(--fwe-
|
|
12036
|
+
color: var(--fwe-control-active);
|
|
12037
12037
|
}
|
|
12038
12038
|
.fwe-list-group .fwe-list-group-item.fwe-disabled::before {
|
|
12039
12039
|
background-color: var(--fwe-control-hover);
|
|
@@ -12043,7 +12043,7 @@ ul.fwe-list-group {
|
|
|
12043
12043
|
color: var(--fwe-text);
|
|
12044
12044
|
}
|
|
12045
12045
|
.fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
12046
|
-
background-color: var(--fwe-
|
|
12046
|
+
background-color: var(--fwe-background);
|
|
12047
12047
|
}
|
|
12048
12048
|
.fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-body,
|
|
12049
12049
|
.fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-footer {
|
|
@@ -12059,7 +12059,7 @@ ul.fwe-list-group {
|
|
|
12059
12059
|
}
|
|
12060
12060
|
.fwe-list-group button.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
12061
12061
|
color: var(--fwe-hero);
|
|
12062
|
-
background-color: var(--fwe-
|
|
12062
|
+
background-color: var(--fwe-background);
|
|
12063
12063
|
}
|
|
12064
12064
|
.fwe-list-group.fwe-list-group-border .fwe-list-group-item,
|
|
12065
12065
|
.fwe-list-group.fwe-list-group-border button.fwe-list-group-item {
|
|
@@ -12106,7 +12106,7 @@ ul.fwe-list-group {
|
|
|
12106
12106
|
transform: scaleY(4);
|
|
12107
12107
|
}
|
|
12108
12108
|
.fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled {
|
|
12109
|
-
color: var(--fwe-
|
|
12109
|
+
color: var(--fwe-control-active);
|
|
12110
12110
|
}
|
|
12111
12111
|
.fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled::before {
|
|
12112
12112
|
background-color: var(--fwe-control-hover);
|
|
@@ -12119,9 +12119,12 @@ ul.fwe-list-group {
|
|
|
12119
12119
|
width: auto;
|
|
12120
12120
|
}
|
|
12121
12121
|
.fwe-list-group.fwe-list-group-horizontal a.fwe-list-group-item:not(.fwe-disabled):hover,
|
|
12122
|
+
.fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
12123
|
+
background-color: var(--fwe-background);
|
|
12124
|
+
}
|
|
12122
12125
|
.fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
|
|
12123
12126
|
color: var(--fwe-hero);
|
|
12124
|
-
background-color:
|
|
12127
|
+
background-color: var(--fwe-background);
|
|
12125
12128
|
}
|
|
12126
12129
|
|
|
12127
12130
|
.fwe-list-group-header {
|
|
@@ -12385,7 +12388,7 @@ header.fwe-fixed-header {
|
|
|
12385
12388
|
}
|
|
12386
12389
|
|
|
12387
12390
|
/*!
|
|
12388
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
12391
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
12389
12392
|
* Copyright 2022 Festo SE & Co. KG
|
|
12390
12393
|
* Licensed under Apache-2.0
|
|
12391
12394
|
*/
|
|
@@ -13142,7 +13145,7 @@ label.fwe-input-text.fwe-input-text-icon textarea {
|
|
|
13142
13145
|
cursor: default;
|
|
13143
13146
|
background: var(--fwe-control-disabled);
|
|
13144
13147
|
border: 1px solid var(--fwe-control-disabled);
|
|
13145
|
-
color: var(--fwe-
|
|
13148
|
+
color: var(--fwe-control-active);
|
|
13146
13149
|
}
|
|
13147
13150
|
.fwe-chip.fwe-disabled.fwe-filter.fwe-selected {
|
|
13148
13151
|
cursor: default;
|
|
@@ -13558,28 +13561,28 @@ button.fwe-btn.fwe-disabled {
|
|
|
13558
13561
|
background: var(--fwe-control-disabled);
|
|
13559
13562
|
color: var(--fwe-text-disabled);
|
|
13560
13563
|
}
|
|
13561
|
-
a.fwe-btn.fwe-btn-
|
|
13562
|
-
button.fwe-btn.fwe-btn-
|
|
13563
|
-
button.fwe-btn.fwe-btn-
|
|
13564
|
+
a.fwe-btn.fwe-btn-hero, a.fwe-btn.fwe-btn-primary,
|
|
13565
|
+
button.fwe-btn.fwe-btn-hero,
|
|
13566
|
+
button.fwe-btn.fwe-btn-primary {
|
|
13564
13567
|
color: var(--fwe-white);
|
|
13565
13568
|
background: var(--fwe-hero);
|
|
13566
13569
|
}
|
|
13567
|
-
a.fwe-btn.fwe-btn-
|
|
13568
|
-
button.fwe-btn.fwe-btn-
|
|
13569
|
-
button.fwe-btn.fwe-btn-
|
|
13570
|
+
a.fwe-btn.fwe-btn-hero:hover, a.fwe-btn.fwe-btn-primary:hover,
|
|
13571
|
+
button.fwe-btn.fwe-btn-hero:hover,
|
|
13572
|
+
button.fwe-btn.fwe-btn-primary:hover {
|
|
13570
13573
|
color: var(--fwe-white);
|
|
13571
13574
|
background: var(--fwe-hero-hover);
|
|
13572
13575
|
}
|
|
13573
|
-
a.fwe-btn.fwe-btn-
|
|
13574
|
-
button.fwe-btn.fwe-btn-
|
|
13575
|
-
button.fwe-btn.fwe-btn-
|
|
13576
|
+
a.fwe-btn.fwe-btn-hero:active, a.fwe-btn.fwe-btn-primary:active,
|
|
13577
|
+
button.fwe-btn.fwe-btn-hero:active,
|
|
13578
|
+
button.fwe-btn.fwe-btn-primary:active {
|
|
13576
13579
|
background: var(--fwe-hero-active);
|
|
13577
13580
|
}
|
|
13578
|
-
a.fwe-btn.fwe-btn-
|
|
13579
|
-
button.fwe-btn.fwe-btn-primary:disabled,
|
|
13580
|
-
button.fwe-btn.fwe-btn-primary.fwe-disabled,
|
|
13581
|
+
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,
|
|
13581
13582
|
button.fwe-btn.fwe-btn-hero:disabled,
|
|
13582
|
-
button.fwe-btn.fwe-btn-hero.fwe-disabled
|
|
13583
|
+
button.fwe-btn.fwe-btn-hero.fwe-disabled,
|
|
13584
|
+
button.fwe-btn.fwe-btn-primary:disabled,
|
|
13585
|
+
button.fwe-btn.fwe-btn-primary.fwe-disabled {
|
|
13583
13586
|
background: var(--fwe-control-disabled);
|
|
13584
13587
|
color: var(--fwe-text-disabled);
|
|
13585
13588
|
}
|
|
@@ -13673,7 +13676,7 @@ a.fwe-btn.fwe-disabled {
|
|
|
13673
13676
|
}
|
|
13674
13677
|
|
|
13675
13678
|
/*!
|
|
13676
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
13679
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
13677
13680
|
* Copyright 2022 Festo SE & Co. KG
|
|
13678
13681
|
* Licensed under Apache-2.0
|
|
13679
13682
|
*/
|
|
@@ -14578,7 +14581,7 @@ fieldset.fwe-progress-container label {
|
|
|
14578
14581
|
}
|
|
14579
14582
|
|
|
14580
14583
|
/*!
|
|
14581
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
14584
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
14582
14585
|
* Copyright 2022 Festo SE & Co. KG
|
|
14583
14586
|
* Licensed under Apache-2.0
|
|
14584
14587
|
*/
|
|
@@ -14685,7 +14688,9 @@ fieldset.fwe-progress-container label {
|
|
|
14685
14688
|
.fwe-modal--with-indicator-bar {
|
|
14686
14689
|
border-left: 8px solid var(--fwe-hero);
|
|
14687
14690
|
}
|
|
14688
|
-
.fwe-modal--with-indicator-bar.fwe-modal--warning button.fwe-btn.fwe-btn-
|
|
14691
|
+
.fwe-modal--with-indicator-bar.fwe-modal--warning button.fwe-btn.fwe-btn-link,
|
|
14692
|
+
.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,
|
|
14693
|
+
.fwe-modal--with-indicator-bar.fwe-modal--error button.fwe-btn.fwe-btn-tertiary {
|
|
14689
14694
|
color: var(--fwe-text);
|
|
14690
14695
|
}
|
|
14691
14696
|
.fwe-modal--info .fwe-modal-h2, .fwe-modal--warning .fwe-modal-h2, .fwe-modal--error .fwe-modal-h2 {
|
|
@@ -14809,7 +14814,7 @@ fieldset.fwe-progress-container label {
|
|
|
14809
14814
|
}
|
|
14810
14815
|
}
|
|
14811
14816
|
/*!
|
|
14812
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
14817
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
14813
14818
|
* Copyright 2022 Festo SE & Co. KG
|
|
14814
14819
|
* Licensed under Apache-2.0
|
|
14815
14820
|
*/
|
|
@@ -15545,7 +15550,7 @@ fieldset.fwe-progress-container label {
|
|
|
15545
15550
|
}
|
|
15546
15551
|
|
|
15547
15552
|
/*!
|
|
15548
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
15553
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
15549
15554
|
* Copyright 2022 Festo SE & Co. KG
|
|
15550
15555
|
* Licensed under Apache-2.0
|
|
15551
15556
|
*/
|
|
@@ -15911,7 +15916,8 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
15911
15916
|
border-color: transparent;
|
|
15912
15917
|
}
|
|
15913
15918
|
|
|
15914
|
-
.fwe-bottom-navigation
|
|
15919
|
+
.fwe-bottom-navigation,
|
|
15920
|
+
.fwe-mobile-tab-bar {
|
|
15915
15921
|
width: 100%;
|
|
15916
15922
|
display: flex;
|
|
15917
15923
|
background: var(--fwe-white);
|
|
@@ -15921,7 +15927,10 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
15921
15927
|
height: 84px;
|
|
15922
15928
|
padding: 22px 16px;
|
|
15923
15929
|
}
|
|
15924
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button
|
|
15930
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button,
|
|
15931
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button,
|
|
15932
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button,
|
|
15933
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button {
|
|
15925
15934
|
cursor: pointer;
|
|
15926
15935
|
-webkit-user-select: none;
|
|
15927
15936
|
-moz-user-select: none;
|
|
@@ -15934,10 +15943,16 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
15934
15943
|
color: var(--fwe-hero-gray);
|
|
15935
15944
|
position: relative;
|
|
15936
15945
|
}
|
|
15937
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon
|
|
15946
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon,
|
|
15947
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button .fwe-icon,
|
|
15948
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button .fwe-icon,
|
|
15949
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button .fwe-icon {
|
|
15938
15950
|
line-height: 0px;
|
|
15939
15951
|
}
|
|
15940
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button :after
|
|
15952
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button :after,
|
|
15953
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button :after,
|
|
15954
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button :after,
|
|
15955
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button :after {
|
|
15941
15956
|
content: "";
|
|
15942
15957
|
position: absolute;
|
|
15943
15958
|
top: -23px;
|
|
@@ -15947,14 +15962,23 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
15947
15962
|
background: var(--fwe-hero);
|
|
15948
15963
|
transition: height 0.3s ease;
|
|
15949
15964
|
}
|
|
15950
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected
|
|
15965
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected,
|
|
15966
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected,
|
|
15967
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected,
|
|
15968
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected {
|
|
15951
15969
|
color: var(--fwe-hero);
|
|
15952
15970
|
cursor: default;
|
|
15953
15971
|
}
|
|
15954
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after
|
|
15972
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after,
|
|
15973
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected :after,
|
|
15974
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected :after,
|
|
15975
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected :after {
|
|
15955
15976
|
height: 4px;
|
|
15956
15977
|
}
|
|
15957
|
-
.fwe-bottom-navigation .fwe-bottom-navigation-button:active
|
|
15978
|
+
.fwe-bottom-navigation .fwe-bottom-navigation-button:active,
|
|
15979
|
+
.fwe-bottom-navigation .fwe-mobile-tab-bar-button:active,
|
|
15980
|
+
.fwe-mobile-tab-bar .fwe-bottom-navigation-button:active,
|
|
15981
|
+
.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button:active {
|
|
15958
15982
|
color: var(--fwe-hero-active);
|
|
15959
15983
|
}
|
|
15960
15984
|
|
|
@@ -16044,7 +16068,7 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
16044
16068
|
}
|
|
16045
16069
|
}
|
|
16046
16070
|
/*!
|
|
16047
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
16071
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
16048
16072
|
* Copyright 2022 Festo SE & Co. KG
|
|
16049
16073
|
* Licensed under Apache-2.0
|
|
16050
16074
|
*/
|
|
@@ -16260,11 +16284,13 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
16260
16284
|
margin-left: 16px;
|
|
16261
16285
|
}
|
|
16262
16286
|
|
|
16287
|
+
.fwe-btn.fwe-btn-link.fwe-btn--tree-node-toggle,
|
|
16263
16288
|
.fwe-btn.fwe-btn-tertiary.fwe-btn--tree-node-toggle {
|
|
16264
16289
|
color: var(--fwe-text);
|
|
16265
16290
|
padding: 0 8px 0 16px;
|
|
16266
16291
|
justify-content: flex-start;
|
|
16267
16292
|
}
|
|
16293
|
+
.fwe-btn.fwe-btn-link.fwe-btn--tree-node-select,
|
|
16268
16294
|
.fwe-btn.fwe-btn-tertiary.fwe-btn--tree-node-select {
|
|
16269
16295
|
color: var(--fwe-text);
|
|
16270
16296
|
justify-content: flex-start;
|
|
@@ -16328,7 +16354,7 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
16328
16354
|
}
|
|
16329
16355
|
|
|
16330
16356
|
/*!
|
|
16331
|
-
* Festo UI - Web Essentials v11.0.0-dev.
|
|
16357
|
+
* Festo UI - Web Essentials v11.0.0-dev.971 (https://storybook.festo.design/)
|
|
16332
16358
|
* Copyright 2022 Festo SE & Co. KG
|
|
16333
16359
|
* Licensed under Apache-2.0
|
|
16334
16360
|
*/
|