@descope/web-components-ui 1.0.271 → 1.0.273

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.esm.js CHANGED
@@ -7122,6 +7122,7 @@ class GridTextColumnClass extends GridSortColumn {
7122
7122
  _defaultRenderer(cell, _col, model) {
7123
7123
  const content = model.item[this.path] || '';
7124
7124
  cell.innerHTML = content;
7125
+ cell.title = content;
7125
7126
  if (Array.isArray(content)) {
7126
7127
  cell.innerHTML = content.join(', ');
7127
7128
  }
@@ -8399,6 +8400,9 @@ const NotificationMixin = (superclass) =>
8399
8400
  'descope-notification-container'
8400
8401
  );
8401
8402
 
8403
+ // we are overriding the container position to be absolute because we want to keep in inside the flow/widget boundaries
8404
+ NotificationMixinClass._container.style.position = 'absolute';
8405
+
8402
8406
  // we're adding the container to body to avoid Vaadin's container's `openChanged`
8403
8407
  // from breaking when trying to remove it directly from the body.
8404
8408
  document.body.appendChild(NotificationMixinClass._container);
@@ -8893,7 +8897,7 @@ const button = {
8893
8897
  [helperVars$3.main]: globalRefs$i.colors.surface.main,
8894
8898
  [helperVars$3.dark]: globalRefs$i.colors.surface.dark,
8895
8899
  [helperVars$3.light]: globalRefs$i.colors.surface.light,
8896
- [helperVars$3.contrast]: globalRefs$i.colors.surface.contrast,
8900
+ [helperVars$3.contrast]: globalRefs$i.colors.surface.light,
8897
8901
  },
8898
8902
 
8899
8903
  variant: {
@@ -9016,7 +9020,7 @@ const [theme$1, refs, vars$w] = createHelperVars(
9016
9020
  borderColor: globalRefs$h.colors.surface.main,
9017
9021
  valueTextColor: globalRefs$h.colors.surface.dark,
9018
9022
  placeholderTextColor: globalRefs$h.colors.surface.dark,
9019
- backgroundColor: globalRefs$h.colors.surface.main,
9023
+ backgroundColor: globalRefs$h.colors.surface.light,
9020
9024
  },
9021
9025
  },
9022
9026
  componentName
@@ -10094,7 +10098,7 @@ const compVars = ModalClass.cssVarList;
10094
10098
  const modal = {
10095
10099
  [compVars.overlayBackgroundColor]: globalRefs$4.colors.surface.light,
10096
10100
  [compVars.overlayShadow]: globalRefs$4.shadow.wide['2xl'],
10097
- [compVars.overlayWidth]: '700px',
10101
+ [compVars.overlayWidth]: '540px',
10098
10102
  };
10099
10103
 
10100
10104
  const vars$5 = {