@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/index.esm.js
CHANGED
@@ -7087,6 +7087,7 @@ const GridMixin = (superclass) =>
|
|
7087
7087
|
const {
|
7088
7088
|
host,
|
7089
7089
|
headerRow,
|
7090
|
+
headerRowCell,
|
7090
7091
|
contentRow,
|
7091
7092
|
firstRow,
|
7092
7093
|
sortIndicators,
|
@@ -7097,6 +7098,7 @@ const {
|
|
7097
7098
|
} = {
|
7098
7099
|
host: { selector: () => 'vaadin-grid' },
|
7099
7100
|
headerRow: { selector: () => '::part(header-cell)' },
|
7101
|
+
headerRowCell: { selector: () => 'vaadin-grid::part(header-cell)' },
|
7100
7102
|
contentRow: { selector: () => '::part(cell)' },
|
7101
7103
|
firstRow: { selector: () => '::part(first-header-row-cell)' },
|
7102
7104
|
selectedRow: { selector: () => '::part(selected-row-cell)' },
|
@@ -7117,6 +7119,10 @@ const GridClass = compose(
|
|
7117
7119
|
fontSize: [{ ...headerRow }, { ...contentRow }],
|
7118
7120
|
fontWeight: { ...contentRow },
|
7119
7121
|
valueTextColor: { ...contentRow, property: 'color' },
|
7122
|
+
backgroundColor: [
|
7123
|
+
{ ...host, property: 'background-color' },
|
7124
|
+
{ ...contentRow, property: 'background-color' },
|
7125
|
+
],
|
7120
7126
|
sortIndicatorsColor: { ...sortIndicators, property: 'color' },
|
7121
7127
|
activeSortIndicator: { ...activeSortIndicator, property: 'color' },
|
7122
7128
|
inputBorderColor: { ...host, property: 'border-color' },
|
@@ -7125,6 +7131,7 @@ const GridClass = compose(
|
|
7125
7131
|
inputBorderRadius: { ...host, property: 'border-radius' },
|
7126
7132
|
selectedBackgroundColor: { ...selectedRow, property: 'background-color' },
|
7127
7133
|
selectedTextColor: { ...selectedRow, property: 'color' },
|
7134
|
+
headerRowTextColor: { ...headerRowCell, property: 'color' },
|
7128
7135
|
separatorColor: [
|
7129
7136
|
{ ...firstRow, property: 'border-bottom-color' },
|
7130
7137
|
{ ...rowSeparator, property: 'border-top-color' },
|
@@ -8813,12 +8820,13 @@ const grid = {
|
|
8813
8820
|
[vars$3.hostWidth]: '100%',
|
8814
8821
|
[vars$3.hostHeight]: '100%',
|
8815
8822
|
[vars$3.hostMinHeight]: '400px',
|
8823
|
+
[vars$3.backgroundColor]: globalRefs$2.colors.surface.light,
|
8816
8824
|
|
8817
8825
|
[vars$3.fontSize]: refs.fontSize,
|
8818
8826
|
[vars$3.fontFamily]: refs.fontFamily,
|
8819
8827
|
|
8820
|
-
[vars$3.sortIndicatorsColor]: globalRefs$2.colors.
|
8821
|
-
[vars$3.activeSortIndicator]: globalRefs$2.colors.
|
8828
|
+
[vars$3.sortIndicatorsColor]: globalRefs$2.colors.surface.main,
|
8829
|
+
[vars$3.activeSortIndicator]: globalRefs$2.colors.surface.dark,
|
8822
8830
|
[vars$3.resizeHandleColor]: globalRefs$2.colors.surface.main,
|
8823
8831
|
|
8824
8832
|
[vars$3.inputBorderWidth]: refs.borderWidth,
|
@@ -8826,11 +8834,11 @@ const grid = {
|
|
8826
8834
|
[vars$3.inputBorderRadius]: refs.borderRadius,
|
8827
8835
|
[vars$3.inputBorderColor]: 'transparent',
|
8828
8836
|
|
8829
|
-
[vars$3.
|
8837
|
+
[vars$3.headerRowTextColor]: globalRefs$2.colors.surface.dark,
|
8838
|
+
[vars$3.separatorColor]: globalRefs$2.colors.surface.main,
|
8830
8839
|
|
8831
8840
|
[vars$3.valueTextColor]: globalRefs$2.colors.surface.contrast,
|
8832
|
-
[vars$3.selectedBackgroundColor]: globalRefs$2.colors.primary.
|
8833
|
-
[vars$3.selectedTextColor]: globalRefs$2.colors.primary.contrast,
|
8841
|
+
[vars$3.selectedBackgroundColor]: globalRefs$2.colors.primary.contrast,
|
8834
8842
|
|
8835
8843
|
_bordered: {
|
8836
8844
|
[vars$3.inputBorderColor]: refs.borderColor,
|
@@ -8968,9 +8976,9 @@ const notification = {
|
|
8968
8976
|
[vars$2.backgroundColor]: globalRefs$1.colors.surface.main,
|
8969
8977
|
[vars$2.textColor]: globalRefs$1.colors.surface.contrast,
|
8970
8978
|
[vars$2.boxShadow]: `${globalRefs$1.shadow.wide.xl} ${shadowColor}, ${globalRefs$1.shadow.narrow.xl} ${shadowColor}`,
|
8971
|
-
[vars$2.verticalPadding]: '0.
|
8972
|
-
[vars$2.horizontalPadding]: '
|
8973
|
-
[vars$2.borderRadius]: globalRefs$1.radius.
|
8979
|
+
[vars$2.verticalPadding]: '0.625em',
|
8980
|
+
[vars$2.horizontalPadding]: '1.5em',
|
8981
|
+
[vars$2.borderRadius]: globalRefs$1.radius.xs,
|
8974
8982
|
|
8975
8983
|
_bordered: {
|
8976
8984
|
[vars$2.borderWidth]: globalRefs$1.border.sm,
|
@@ -9076,7 +9084,7 @@ const badge = {
|
|
9076
9084
|
[vars$1.horizontalPadding]: '0.5em',
|
9077
9085
|
|
9078
9086
|
[vars$1.borderWidth]: globalRefs.border.xs,
|
9079
|
-
[vars$1.borderRadius]: globalRefs.radius.
|
9087
|
+
[vars$1.borderRadius]: globalRefs.radius.xs,
|
9080
9088
|
[vars$1.borderColor]: 'transparent',
|
9081
9089
|
[vars$1.borderStyle]: 'solid',
|
9082
9090
|
|
@@ -9111,9 +9119,9 @@ const badge = {
|
|
9111
9119
|
},
|
9112
9120
|
},
|
9113
9121
|
error: {
|
9114
|
-
[vars$1.
|
9122
|
+
[vars$1.textColor]: globalRefs.colors.error.main,
|
9115
9123
|
_bordered: {
|
9116
|
-
[vars$1.
|
9124
|
+
[vars$1.borderColor]: globalRefs.colors.error.light,
|
9117
9125
|
},
|
9118
9126
|
},
|
9119
9127
|
success: {
|