@descope/web-components-ui 1.125.0 → 1.126.0

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/index.esm.js CHANGED
@@ -24875,7 +24875,7 @@ class RawOutboundAppButton extends createBaseClass({
24875
24875
  baseSelector: ':host > descope-button',
24876
24876
  }) {
24877
24877
  static get observedAttributes() {
24878
- return ['label', 'icon-src'];
24878
+ return ['label', 'icon-src', 'icon-fill-current-color'];
24879
24879
  }
24880
24880
 
24881
24881
  constructor() {
@@ -24905,7 +24905,15 @@ class RawOutboundAppButton extends createBaseClass({
24905
24905
  init() {
24906
24906
  super.init?.();
24907
24907
 
24908
- forwardAttrs(this, this.button, { excludeAttrs: ['style', 'class', 'icon-src', 'label'] });
24908
+ forwardAttrs(this, this.button, {
24909
+ excludeAttrs: [
24910
+ 'style',
24911
+ 'class',
24912
+ 'label',
24913
+ 'icon-src',
24914
+ 'icon-fill-current-color',
24915
+ ]
24916
+ });
24909
24917
  }
24910
24918
 
24911
24919
  updateLabel(val = '') {
@@ -24934,7 +24942,14 @@ class RawOutboundAppButton extends createBaseClass({
24934
24942
  const OutboundAppButtonClass = compose(
24935
24943
  createStyleMixin({
24936
24944
  mappings: {
24937
- hostWidth: { selector: () => ':host', property: 'width' },
24945
+ hostWidth: {
24946
+ selector: () => ':host',
24947
+ property: 'width'
24948
+ },
24949
+ iconFillCurrentColor: {
24950
+ selector: () => 'descope-icon',
24951
+ property: ButtonClass.cssVarList.iconColor
24952
+ }
24938
24953
  },
24939
24954
  }),
24940
24955
  draggableMixin,
@@ -24944,6 +24959,12 @@ const OutboundAppButtonClass = compose(
24944
24959
  const compVars = OutboundAppButtonClass.cssVarList;
24945
24960
 
24946
24961
  const outboundAppButton = {
24962
+ [compVars.iconFill]: 'inherit',
24963
+
24964
+ _iconFillCurrentColor: {
24965
+ [compVars.iconFillCurrentColor]: 'currentColor',
24966
+ },
24967
+
24947
24968
  _fullWidth: {
24948
24969
  [compVars.hostWidth]: '100%',
24949
24970
  },