@descope/web-components-ui 1.0.237 → 1.0.238

package/dist/cjs/index.cjs.js

@@ -8364,6 +8364,7 @@ const GridMixin = (superclass) =>
 const {
   host,
   headerRow,
+  headerRowCell,
   contentRow,
   firstRow,
   sortIndicators,
@@ -8374,6 +8375,7 @@ const {
 } = {
   host: { selector: () => 'vaadin-grid' },
   headerRow: { selector: () => '::part(header-cell)' },
+  headerRowCell: { selector: () => 'vaadin-grid::part(header-cell)' },
   contentRow: { selector: () => '::part(cell)' },
   firstRow: { selector: () => '::part(first-header-row-cell)' },
   selectedRow: { selector: () => '::part(selected-row-cell)' },
@@ -8394,6 +8396,10 @@ const GridClass = compose(
       fontSize: [{ ...headerRow }, { ...contentRow }],
       fontWeight: { ...contentRow },
       valueTextColor: { ...contentRow, property: 'color' },
+      backgroundColor: [
+        { ...host, property: 'background-color' },
+        { ...contentRow, property: 'background-color' },
+      ],
       sortIndicatorsColor: { ...sortIndicators, property: 'color' },
       activeSortIndicator: { ...activeSortIndicator, property: 'color' },
       inputBorderColor: { ...host, property: 'border-color' },
@@ -8402,6 +8408,7 @@ const GridClass = compose(
       inputBorderRadius: { ...host, property: 'border-radius' },
       selectedBackgroundColor: { ...selectedRow, property: 'background-color' },
       selectedTextColor: { ...selectedRow, property: 'color' },
+      headerRowTextColor: { ...headerRowCell, property: 'color' },
       separatorColor: [
         { ...firstRow, property: 'border-bottom-color' },
         { ...rowSeparator, property: 'border-top-color' },
@@ -8438,12 +8445,13 @@ const grid = {
   [vars$3.hostWidth]: '100%',
   [vars$3.hostHeight]: '100%',
   [vars$3.hostMinHeight]: '400px',
+  [vars$3.backgroundColor]: globalRefs$2.colors.surface.light,
 
   [vars$3.fontSize]: refs.fontSize,
   [vars$3.fontFamily]: refs.fontFamily,
 
-  [vars$3.sortIndicatorsColor]: globalRefs$2.colors.primary.main,
-  [vars$3.activeSortIndicator]: globalRefs$2.colors.primary.main,
+  [vars$3.sortIndicatorsColor]: globalRefs$2.colors.surface.main,
+  [vars$3.activeSortIndicator]: globalRefs$2.colors.surface.dark,
   [vars$3.resizeHandleColor]: globalRefs$2.colors.surface.main,
 
   [vars$3.inputBorderWidth]: refs.borderWidth,
@@ -8451,11 +8459,11 @@ const grid = {
   [vars$3.inputBorderRadius]: refs.borderRadius,
   [vars$3.inputBorderColor]: 'transparent',
 
-  [vars$3.separatorColor]: refs.borderColor,
+  [vars$3.headerRowTextColor]: globalRefs$2.colors.surface.dark,
+  [vars$3.separatorColor]: globalRefs$2.colors.surface.main,
 
   [vars$3.valueTextColor]: globalRefs$2.colors.surface.contrast,
-  [vars$3.selectedBackgroundColor]: globalRefs$2.colors.primary.main,
-  [vars$3.selectedTextColor]: globalRefs$2.colors.primary.contrast,
+  [vars$3.selectedBackgroundColor]: globalRefs$2.colors.primary.contrast,
 
   _bordered: {
     [vars$3.inputBorderColor]: refs.borderColor,
@@ -8593,9 +8601,9 @@ const notification = {
   [vars$2.backgroundColor]: globalRefs$1.colors.surface.main,
   [vars$2.textColor]: globalRefs$1.colors.surface.contrast,
   [vars$2.boxShadow]: `${globalRefs$1.shadow.wide.xl} ${shadowColor}, ${globalRefs$1.shadow.narrow.xl} ${shadowColor}`,
-  [vars$2.verticalPadding]: '0.45em',
-  [vars$2.horizontalPadding]: '1em',
-  [vars$2.borderRadius]: globalRefs$1.radius.md,
+  [vars$2.verticalPadding]: '0.625em',
+  [vars$2.horizontalPadding]: '1.5em',
+  [vars$2.borderRadius]: globalRefs$1.radius.xs,
 
   _bordered: {
     [vars$2.borderWidth]: globalRefs$1.border.sm,
@@ -8701,7 +8709,7 @@ const badge = {
   [vars$1.horizontalPadding]: '0.5em',
 
   [vars$1.borderWidth]: globalRefs.border.xs,
-  [vars$1.borderRadius]: globalRefs.radius.sm,
+  [vars$1.borderRadius]: globalRefs.radius.xs,
   [vars$1.borderColor]: 'transparent',
   [vars$1.borderStyle]: 'solid',
 
@@ -8736,9 +8744,9 @@ const badge = {
       },
     },
     error: {
-      [vars$1.borderColor]: globalRefs.colors.error.light,
+      [vars$1.textColor]: globalRefs.colors.error.main,
       _bordered: {
-        [vars$1.textColor]: globalRefs.colors.error.main,
+        [vars$1.borderColor]: globalRefs.colors.error.light,
       },
     },
     success: {