@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.
Files changed (37) hide show
  1. package/dist/css/festo-web-essentials.css +62 -36
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +14 -14
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/light/festo-web-essentials-light.css +53 -27
  6. package/dist/css/light/festo-web-essentials-light.css.map +1 -1
  7. package/dist/css/organisms/festo-web-essentials-organisms.css +4 -0
  8. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  9. package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
  10. package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
  11. package/dist/css/themes/flatpickr/festo.css +1 -1
  12. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  13. package/dist/scss/_badge.scss +1 -1
  14. package/dist/scss/_button.scss +3 -3
  15. package/dist/scss/_chips.scss +1 -1
  16. package/dist/scss/_list.scss +11 -5
  17. package/dist/scss/{_bottom-navigation.scss → _mobile-tab-bar.scss} +50 -47
  18. package/dist/scss/_modal.scss +1 -0
  19. package/dist/scss/_tree.scss +1 -0
  20. package/dist/scss/festo-web-essentials.scss +2 -2
  21. package/dist/scss/light/festo-web-essentials-light.scss +1 -1
  22. package/dist/scss/organisms/_header-slider.scss +2 -0
  23. package/dist/scss/organisms/_image-gallery.scss +2 -0
  24. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  25. package/llm-doc/components.md +3 -3
  26. package/package.json +1 -1
  27. package/scss/_badge.scss +1 -1
  28. package/scss/_button.scss +3 -3
  29. package/scss/_chips.scss +1 -1
  30. package/scss/_list.scss +11 -5
  31. package/scss/{_bottom-navigation.scss → _mobile-tab-bar.scss} +50 -47
  32. package/scss/_modal.scss +1 -0
  33. package/scss/_tree.scss +1 -0
  34. package/scss/festo-web-essentials.scss +1 -1
  35. package/scss/light/festo-web-essentials-light.scss +1 -1
  36. package/scss/organisms/_header-slider.scss +2 -0
  37. package/scss/organisms/_image-gallery.scss +2 -0
@@ -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.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.964 (https://storybook.festo.design/)
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-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.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-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.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.964 (https://storybook.festo.design/)
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-tertiary, .fwe-modal--with-indicator-bar.fwe-modal--error button.fwe-btn.fwe-btn-tertiary {
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.964 (https://storybook.festo.design/)
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.964 (https://storybook.festo.design/)
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.964 (https://storybook.festo.design/)
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.964 (https://storybook.festo.design/)
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
  */