@festo-ui/web-essentials 7.2.0-dev.423 → 7.2.0-dev.426

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 v7.2.0-dev.423 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v7.2.0-dev.426 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -14904,16 +14904,9 @@ label.fwe-input-text.fwe-input-text-icon textarea {
14904
14904
 
14905
14905
  .fwe-chip.fwe-chip-lg, .fwe-chip-container.fwe-chip-container-lg .fwe-chip {
14906
14906
  font-size: var(--fwe-font-size-base);
14907
- line-height: 22px;
14908
14907
  border-radius: 16px;
14909
- padding: 3px 16px 5px 16px;
14910
- }
14911
- .fwe-chip.fwe-chip-lg i[class^=fwe-icon-], .fwe-chip-container.fwe-chip-container-lg .fwe-chip i[class^=fwe-icon-],
14912
- .fwe-chip.fwe-chip-lg i[class*=" fwe-icon-"],
14913
- .fwe-chip-container.fwe-chip-container-lg .fwe-chip i[class*=" fwe-icon-"],
14914
- .fwe-chip.fwe-chip-lg .fwe-svg-icon,
14915
- .fwe-chip-container.fwe-chip-container-lg .fwe-chip .fwe-svg-icon {
14916
- margin-bottom: -3px;
14908
+ padding: 0px 16px;
14909
+ height: 32px;
14917
14910
  }
14918
14911
  .fwe-selected.fwe-category.fwe-chip.fwe-chip-lg, .fwe-chip-container.fwe-chip-container-lg .fwe-selected.fwe-category.fwe-chip {
14919
14912
  padding-right: 30px;
@@ -14937,14 +14930,14 @@ label.fwe-input-text.fwe-input-text-icon textarea {
14937
14930
  gap: 8px;
14938
14931
  }
14939
14932
  .fwe-chip {
14933
+ height: 24px;
14940
14934
  -webkit-user-select: none;
14941
14935
  -moz-user-select: none;
14942
14936
  user-select: none;
14943
14937
  position: relative;
14944
14938
  display: flex;
14945
- align-items: flex-end;
14939
+ align-items: center;
14946
14940
  font-size: var(--fwe-font-size-md);
14947
- line-height: calc(var(--fwe-font-size-md) + 7px);
14948
14941
  text-align: center;
14949
14942
  border-radius: 12px;
14950
14943
  cursor: pointer;
@@ -14952,14 +14945,14 @@ label.fwe-input-text.fwe-input-text-icon textarea {
14952
14945
  color: var(--fwe-text);
14953
14946
  border: 1px solid var(--fwe-control);
14954
14947
  box-sizing: border-box;
14955
- padding: 0px 12px 1px 12px;
14948
+ padding: 0px 12px;
14956
14949
  }
14957
14950
  .fwe-chip i[class^=fwe-icon-],
14958
14951
  .fwe-chip i[class*=" fwe-icon-"],
14959
14952
  .fwe-chip .fwe-svg-icon {
14960
- margin-bottom: -1px;
14961
14953
  margin-left: -4px;
14962
14954
  margin-right: 8px;
14955
+ line-height: 1;
14963
14956
  }
14964
14957
  .fwe-chip:hover {
14965
14958
  background: var(--fwe-control-hover);
@@ -16614,10 +16607,10 @@ fieldset.fwe-progress-container label {
16614
16607
  grid-auto-flow: column;
16615
16608
  }
16616
16609
  .fwe-segment-label {
16617
- display: inline-block;
16610
+ display: inline-flex;
16611
+ align-items: center;
16618
16612
  height: 32px;
16619
16613
  width: 100%;
16620
- line-height: 28px;
16621
16614
  white-space: nowrap;
16622
16615
  padding: 0 24px;
16623
16616
  font-size: var(--fwe-font-size-base);
@@ -16815,10 +16808,15 @@ fieldset.fwe-progress-container label {
16815
16808
  flex-wrap: nowrap;
16816
16809
  height: 24px;
16817
16810
  width: 32px;
16811
+ margin-right: 0px;
16818
16812
  }
16819
16813
  .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i::before {
16820
16814
  display: inline-flex;
16821
16815
  }
16816
+ .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button .fwe-svg-icon {
16817
+ margin-right: 8px;
16818
+ margin-left: 8px;
16819
+ }
16822
16820
  .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span {
16823
16821
  display: inline-flex;
16824
16822
  height: 24px;