@descope/web-components-ui 1.0.237 → 1.0.238
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +19 -11
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +19 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-grid/GridClass.js +7 -0
- package/src/theme/components/badge.js +3 -3
- package/src/theme/components/grid.js +6 -5
- package/src/theme/components/notificationCard.js +3 -3
package/dist/cjs/index.cjs.js
CHANGED
@@ -8364,6 +8364,7 @@ const GridMixin = (superclass) =>
|
|
8364
8364
|
const {
|
8365
8365
|
host,
|
8366
8366
|
headerRow,
|
8367
|
+
headerRowCell,
|
8367
8368
|
contentRow,
|
8368
8369
|
firstRow,
|
8369
8370
|
sortIndicators,
|
@@ -8374,6 +8375,7 @@ const {
|
|
8374
8375
|
} = {
|
8375
8376
|
host: { selector: () => 'vaadin-grid' },
|
8376
8377
|
headerRow: { selector: () => '::part(header-cell)' },
|
8378
|
+
headerRowCell: { selector: () => 'vaadin-grid::part(header-cell)' },
|
8377
8379
|
contentRow: { selector: () => '::part(cell)' },
|
8378
8380
|
firstRow: { selector: () => '::part(first-header-row-cell)' },
|
8379
8381
|
selectedRow: { selector: () => '::part(selected-row-cell)' },
|
@@ -8394,6 +8396,10 @@ const GridClass = compose(
|
|
8394
8396
|
fontSize: [{ ...headerRow }, { ...contentRow }],
|
8395
8397
|
fontWeight: { ...contentRow },
|
8396
8398
|
valueTextColor: { ...contentRow, property: 'color' },
|
8399
|
+
backgroundColor: [
|
8400
|
+
{ ...host, property: 'background-color' },
|
8401
|
+
{ ...contentRow, property: 'background-color' },
|
8402
|
+
],
|
8397
8403
|
sortIndicatorsColor: { ...sortIndicators, property: 'color' },
|
8398
8404
|
activeSortIndicator: { ...activeSortIndicator, property: 'color' },
|
8399
8405
|
inputBorderColor: { ...host, property: 'border-color' },
|
@@ -8402,6 +8408,7 @@ const GridClass = compose(
|
|
8402
8408
|
inputBorderRadius: { ...host, property: 'border-radius' },
|
8403
8409
|
selectedBackgroundColor: { ...selectedRow, property: 'background-color' },
|
8404
8410
|
selectedTextColor: { ...selectedRow, property: 'color' },
|
8411
|
+
headerRowTextColor: { ...headerRowCell, property: 'color' },
|
8405
8412
|
separatorColor: [
|
8406
8413
|
{ ...firstRow, property: 'border-bottom-color' },
|
8407
8414
|
{ ...rowSeparator, property: 'border-top-color' },
|
@@ -8438,12 +8445,13 @@ const grid = {
|
|
8438
8445
|
[vars$3.hostWidth]: '100%',
|
8439
8446
|
[vars$3.hostHeight]: '100%',
|
8440
8447
|
[vars$3.hostMinHeight]: '400px',
|
8448
|
+
[vars$3.backgroundColor]: globalRefs$2.colors.surface.light,
|
8441
8449
|
|
8442
8450
|
[vars$3.fontSize]: refs.fontSize,
|
8443
8451
|
[vars$3.fontFamily]: refs.fontFamily,
|
8444
8452
|
|
8445
|
-
[vars$3.sortIndicatorsColor]: globalRefs$2.colors.
|
8446
|
-
[vars$3.activeSortIndicator]: globalRefs$2.colors.
|
8453
|
+
[vars$3.sortIndicatorsColor]: globalRefs$2.colors.surface.main,
|
8454
|
+
[vars$3.activeSortIndicator]: globalRefs$2.colors.surface.dark,
|
8447
8455
|
[vars$3.resizeHandleColor]: globalRefs$2.colors.surface.main,
|
8448
8456
|
|
8449
8457
|
[vars$3.inputBorderWidth]: refs.borderWidth,
|
@@ -8451,11 +8459,11 @@ const grid = {
|
|
8451
8459
|
[vars$3.inputBorderRadius]: refs.borderRadius,
|
8452
8460
|
[vars$3.inputBorderColor]: 'transparent',
|
8453
8461
|
|
8454
|
-
[vars$3.
|
8462
|
+
[vars$3.headerRowTextColor]: globalRefs$2.colors.surface.dark,
|
8463
|
+
[vars$3.separatorColor]: globalRefs$2.colors.surface.main,
|
8455
8464
|
|
8456
8465
|
[vars$3.valueTextColor]: globalRefs$2.colors.surface.contrast,
|
8457
|
-
[vars$3.selectedBackgroundColor]: globalRefs$2.colors.primary.
|
8458
|
-
[vars$3.selectedTextColor]: globalRefs$2.colors.primary.contrast,
|
8466
|
+
[vars$3.selectedBackgroundColor]: globalRefs$2.colors.primary.contrast,
|
8459
8467
|
|
8460
8468
|
_bordered: {
|
8461
8469
|
[vars$3.inputBorderColor]: refs.borderColor,
|
@@ -8593,9 +8601,9 @@ const notification = {
|
|
8593
8601
|
[vars$2.backgroundColor]: globalRefs$1.colors.surface.main,
|
8594
8602
|
[vars$2.textColor]: globalRefs$1.colors.surface.contrast,
|
8595
8603
|
[vars$2.boxShadow]: `${globalRefs$1.shadow.wide.xl} ${shadowColor}, ${globalRefs$1.shadow.narrow.xl} ${shadowColor}`,
|
8596
|
-
[vars$2.verticalPadding]: '0.
|
8597
|
-
[vars$2.horizontalPadding]: '
|
8598
|
-
[vars$2.borderRadius]: globalRefs$1.radius.
|
8604
|
+
[vars$2.verticalPadding]: '0.625em',
|
8605
|
+
[vars$2.horizontalPadding]: '1.5em',
|
8606
|
+
[vars$2.borderRadius]: globalRefs$1.radius.xs,
|
8599
8607
|
|
8600
8608
|
_bordered: {
|
8601
8609
|
[vars$2.borderWidth]: globalRefs$1.border.sm,
|
@@ -8701,7 +8709,7 @@ const badge = {
|
|
8701
8709
|
[vars$1.horizontalPadding]: '0.5em',
|
8702
8710
|
|
8703
8711
|
[vars$1.borderWidth]: globalRefs.border.xs,
|
8704
|
-
[vars$1.borderRadius]: globalRefs.radius.
|
8712
|
+
[vars$1.borderRadius]: globalRefs.radius.xs,
|
8705
8713
|
[vars$1.borderColor]: 'transparent',
|
8706
8714
|
[vars$1.borderStyle]: 'solid',
|
8707
8715
|
|
@@ -8736,9 +8744,9 @@ const badge = {
|
|
8736
8744
|
},
|
8737
8745
|
},
|
8738
8746
|
error: {
|
8739
|
-
[vars$1.
|
8747
|
+
[vars$1.textColor]: globalRefs.colors.error.main,
|
8740
8748
|
_bordered: {
|
8741
|
-
[vars$1.
|
8749
|
+
[vars$1.borderColor]: globalRefs.colors.error.light,
|
8742
8750
|
},
|
8743
8751
|
},
|
8744
8752
|
success: {
|