@festo-ui/web-essentials 11.0.0-dev.964 → 11.0.0-dev.969

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v11.0.0-dev.964 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v11.0.0-dev.969 (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.964 (https://storybook.festo.design/)
929
+ * Festo UI - Web Essentials v11.0.0-dev.969 (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-text-disabled);
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-sucanul);
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-sucanul);
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-text-disabled);
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: unset;
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.964 (https://storybook.festo.design/)
12391
+ * Festo UI - Web Essentials v11.0.0-dev.969 (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-text-disabled);
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-primary, a.fwe-btn.fwe-btn-hero,
13562
- button.fwe-btn.fwe-btn-primary,
13563
- button.fwe-btn.fwe-btn-hero {
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-primary:hover, a.fwe-btn.fwe-btn-hero:hover,
13568
- button.fwe-btn.fwe-btn-primary:hover,
13569
- button.fwe-btn.fwe-btn-hero:hover {
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-primary:active, a.fwe-btn.fwe-btn-hero:active,
13574
- button.fwe-btn.fwe-btn-primary:active,
13575
- button.fwe-btn.fwe-btn-hero:active {
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-primary:disabled, a.fwe-btn.fwe-btn-primary.fwe-disabled, a.fwe-btn.fwe-btn-hero:disabled, a.fwe-btn.fwe-btn-hero.fwe-disabled,
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.964 (https://storybook.festo.design/)
13679
+ * Festo UI - Web Essentials v11.0.0-dev.969 (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.964 (https://storybook.festo.design/)
14584
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
14582
14585
  * Copyright 2022 Festo SE & Co. KG
14583
14586
  * Licensed under Apache-2.0
14584
14587
  */
@@ -14809,7 +14812,7 @@ fieldset.fwe-progress-container label {
14809
14812
  }
14810
14813
  }
14811
14814
  /*!
14812
- * Festo UI - Web Essentials v11.0.0-dev.964 (https://storybook.festo.design/)
14815
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
14813
14816
  * Copyright 2022 Festo SE & Co. KG
14814
14817
  * Licensed under Apache-2.0
14815
14818
  */
@@ -15545,7 +15548,7 @@ fieldset.fwe-progress-container label {
15545
15548
  }
15546
15549
 
15547
15550
  /*!
15548
- * Festo UI - Web Essentials v11.0.0-dev.964 (https://storybook.festo.design/)
15551
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
15549
15552
  * Copyright 2022 Festo SE & Co. KG
15550
15553
  * Licensed under Apache-2.0
15551
15554
  */
@@ -15911,7 +15914,8 @@ input[type=search]::-webkit-search-cancel-button {
15911
15914
  border-color: transparent;
15912
15915
  }
15913
15916
 
15914
- .fwe-bottom-navigation {
15917
+ .fwe-bottom-navigation,
15918
+ .fwe-mobile-tab-bar {
15915
15919
  width: 100%;
15916
15920
  display: flex;
15917
15921
  background: var(--fwe-white);
@@ -15921,7 +15925,10 @@ input[type=search]::-webkit-search-cancel-button {
15921
15925
  height: 84px;
15922
15926
  padding: 22px 16px;
15923
15927
  }
15924
- .fwe-bottom-navigation .fwe-bottom-navigation-button {
15928
+ .fwe-bottom-navigation .fwe-bottom-navigation-button,
15929
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button,
15930
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button,
15931
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button {
15925
15932
  cursor: pointer;
15926
15933
  -webkit-user-select: none;
15927
15934
  -moz-user-select: none;
@@ -15934,10 +15941,16 @@ input[type=search]::-webkit-search-cancel-button {
15934
15941
  color: var(--fwe-hero-gray);
15935
15942
  position: relative;
15936
15943
  }
15937
- .fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon {
15944
+ .fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon,
15945
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button .fwe-icon,
15946
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button .fwe-icon,
15947
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button .fwe-icon {
15938
15948
  line-height: 0px;
15939
15949
  }
15940
- .fwe-bottom-navigation .fwe-bottom-navigation-button :after {
15950
+ .fwe-bottom-navigation .fwe-bottom-navigation-button :after,
15951
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button :after,
15952
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button :after,
15953
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button :after {
15941
15954
  content: "";
15942
15955
  position: absolute;
15943
15956
  top: -23px;
@@ -15947,14 +15960,23 @@ input[type=search]::-webkit-search-cancel-button {
15947
15960
  background: var(--fwe-hero);
15948
15961
  transition: height 0.3s ease;
15949
15962
  }
15950
- .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected {
15963
+ .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected,
15964
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected,
15965
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected,
15966
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected {
15951
15967
  color: var(--fwe-hero);
15952
15968
  cursor: default;
15953
15969
  }
15954
- .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after {
15970
+ .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after,
15971
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected :after,
15972
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected :after,
15973
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected :after {
15955
15974
  height: 4px;
15956
15975
  }
15957
- .fwe-bottom-navigation .fwe-bottom-navigation-button:active {
15976
+ .fwe-bottom-navigation .fwe-bottom-navigation-button:active,
15977
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button:active,
15978
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button:active,
15979
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button:active {
15958
15980
  color: var(--fwe-hero-active);
15959
15981
  }
15960
15982
 
@@ -16044,7 +16066,7 @@ input[type=search]::-webkit-search-cancel-button {
16044
16066
  }
16045
16067
  }
16046
16068
  /*!
16047
- * Festo UI - Web Essentials v11.0.0-dev.964 (https://storybook.festo.design/)
16069
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
16048
16070
  * Copyright 2022 Festo SE & Co. KG
16049
16071
  * Licensed under Apache-2.0
16050
16072
  */
@@ -16328,7 +16350,7 @@ input[type=search]::-webkit-search-cancel-button {
16328
16350
  }
16329
16351
 
16330
16352
  /*!
16331
- * Festo UI - Web Essentials v11.0.0-dev.964 (https://storybook.festo.design/)
16353
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
16332
16354
  * Copyright 2022 Festo SE & Co. KG
16333
16355
  * Licensed under Apache-2.0
16334
16356
  */