@digital-realty/ix-grid 1.0.21 → 1.0.22

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.
@@ -127,6 +127,7 @@ export const IxGridViewStyles = css `
127
127
 
128
128
  .grid-menu {
129
129
  display: flex;
130
+ align-items: center;
130
131
  }
131
132
 
132
133
  .grid-menu ix-button {
@@ -1 +1 @@
1
- {"version":3,"file":"grid-view-styles.js","sourceRoot":"","sources":["../src/grid-view-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2MlC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const IxGridViewStyles = css`\n @font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf)\n format('truetype');\n }\n\n * {\n font-family: 'Red Hat Display', sans-serif;\n }\n\n vaadin-grid::part(cell) {\n cursor: pointer;\n }\n\n vaadin-grid::part(header-cell) {\n cursor: default;\n --vaadin-grid-cell-background: #fff;\n }\n\n vaadin-grid::part(row):hover {\n --vaadin-grid-cell-background: rgba(0, 0, 0, 0.04);\n }\n\n ix-icon-button {\n --md-icon-button-icon-size: 28px;\n --md-icon-button-icon-color: rgb(20, 86, 224);\n --md-icon-button-hover-icon-color: rgb(20, 86, 224);\n --md-icon-button-pressed-icon-color: rgb(20, 86, 224);\n --md-icon-button-focus-icon-color: rgb(20, 86, 224);\n --ix-icon-line-height: 1;\n }\n\n ix-button {\n --md-text-button-label-text-color: var(--md-sys-color-primary);\n --md-text-button-hover-state-layer-color: #49454f;\n --md-text-button-pressed-icon-color: rgb(20, 86, 224);\n --md-text-button-focus-icon-color: rgb(20, 86, 224);\n\n --md-outlined-button-outline-color: var(--md-sys-color-primary);\n --md-outlined-select-text-field-outline-color: #ddd;\n }\n\n ix-dialog {\n --md-dialog-container-color: #fff;\n }\n\n ix-grid ix-textbox {\n --md-sys-color-on-surface-variant: #b8bfc8;\n }\n\n .material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n }\n\n .material-icons.delete {\n color: #6d758c;\n }\n\n .material-icons.info {\n color: orange;\n font-size: 48px;\n }\n\n .material-icons.check_circle {\n color: green;\n }\n\n .material-icons.mail {\n color: #ff9800;\n }\n\n .material-icons.warning {\n color: #db0028;\n }\n\n .material-icons.do_not_disturb_on {\n color: #6d758c;\n }\n\n .grid-container {\n background-color: #ffffff;\n border-radius: 12px;\n box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 20px -12px,\n #e1e4e8 0px 0px 0px 1px inset;\n box-sizing: border-box;\n padding: 3px;\n }\n\n .grid-header {\n display: flex;\n -webkit-box-pack: justify;\n place-content: center space-between;\n -webkit-box-align: center;\n align-items: center;\n padding: 0px 11px 0px 24px;\n flex-wrap: wrap;\n gap: 18px;\n height: 64px;\n }\n\n .grid-header h2 {\n margin: 0px;\n font-style: normal;\n font-weight: bold;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: #092241;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .grid-menu {\n display: flex;\n }\n\n .grid-menu ix-button {\n --md-text-button-leading-space: 4px;\n --md-text-button-trailing-space: 4px;\n }\n\n .grid-menu span {\n color: #1456e0;\n cursor: pointer;\n }\n\n .grid-empty-content {\n height: 73vh;\n justify-content: center;\n align-items: flex-start;\n padding-top: 54px;\n }\n\n .grid-empty-content h2 {\n font-weight: 900;\n font-size: 22px;\n color: black;\n }\n\n .header {\n font-weight: bold;\n display: flex;\n user-select: none;\n align-items: center;\n }\n\n .header .header-sort-icon {\n padding-left: 5px;\n opacity: 0;\n font-size: 17px;\n color: rgba(0, 0, 0, 0.54);\n cursor: pointer;\n height: 18px;\n }\n\n .header:hover .header-sort-icon {\n opacity: 1;\n }\n\n .loading {\n opacity: 0.25;\n }\n\n span .disabled {\n color: rgba(9, 34, 65, 0.7);\n }\n\n .disable-cursor {\n cursor: default !important;\n }\n\n .accounts {\n display: flex;\n align-items: center;\n }\n\n .account-name {\n margin: 0 8px 0 3px;\n }\n\n vaadin-grid-cell-content {\n font-size: 14px;\n --_cell-padding: 1rem;\n }\n\n .row-limit {\n display: flex;\n padding: 8px;\n }\n`;\n"]}
1
+ {"version":3,"file":"grid-view-styles.js","sourceRoot":"","sources":["../src/grid-view-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MlC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const IxGridViewStyles = css`\n @font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf)\n format('truetype');\n }\n\n * {\n font-family: 'Red Hat Display', sans-serif;\n }\n\n vaadin-grid::part(cell) {\n cursor: pointer;\n }\n\n vaadin-grid::part(header-cell) {\n cursor: default;\n --vaadin-grid-cell-background: #fff;\n }\n\n vaadin-grid::part(row):hover {\n --vaadin-grid-cell-background: rgba(0, 0, 0, 0.04);\n }\n\n ix-icon-button {\n --md-icon-button-icon-size: 28px;\n --md-icon-button-icon-color: rgb(20, 86, 224);\n --md-icon-button-hover-icon-color: rgb(20, 86, 224);\n --md-icon-button-pressed-icon-color: rgb(20, 86, 224);\n --md-icon-button-focus-icon-color: rgb(20, 86, 224);\n --ix-icon-line-height: 1;\n }\n\n ix-button {\n --md-text-button-label-text-color: var(--md-sys-color-primary);\n --md-text-button-hover-state-layer-color: #49454f;\n --md-text-button-pressed-icon-color: rgb(20, 86, 224);\n --md-text-button-focus-icon-color: rgb(20, 86, 224);\n\n --md-outlined-button-outline-color: var(--md-sys-color-primary);\n --md-outlined-select-text-field-outline-color: #ddd;\n }\n\n ix-dialog {\n --md-dialog-container-color: #fff;\n }\n\n ix-grid ix-textbox {\n --md-sys-color-on-surface-variant: #b8bfc8;\n }\n\n .material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n }\n\n .material-icons.delete {\n color: #6d758c;\n }\n\n .material-icons.info {\n color: orange;\n font-size: 48px;\n }\n\n .material-icons.check_circle {\n color: green;\n }\n\n .material-icons.mail {\n color: #ff9800;\n }\n\n .material-icons.warning {\n color: #db0028;\n }\n\n .material-icons.do_not_disturb_on {\n color: #6d758c;\n }\n\n .grid-container {\n background-color: #ffffff;\n border-radius: 12px;\n box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 20px -12px,\n #e1e4e8 0px 0px 0px 1px inset;\n box-sizing: border-box;\n padding: 3px;\n }\n\n .grid-header {\n display: flex;\n -webkit-box-pack: justify;\n place-content: center space-between;\n -webkit-box-align: center;\n align-items: center;\n padding: 0px 11px 0px 24px;\n flex-wrap: wrap;\n gap: 18px;\n height: 64px;\n }\n\n .grid-header h2 {\n margin: 0px;\n font-style: normal;\n font-weight: bold;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: #092241;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .grid-menu {\n display: flex;\n align-items: center;\n }\n\n .grid-menu ix-button {\n --md-text-button-leading-space: 4px;\n --md-text-button-trailing-space: 4px;\n }\n\n .grid-menu span {\n color: #1456e0;\n cursor: pointer;\n }\n\n .grid-empty-content {\n height: 73vh;\n justify-content: center;\n align-items: flex-start;\n padding-top: 54px;\n }\n\n .grid-empty-content h2 {\n font-weight: 900;\n font-size: 22px;\n color: black;\n }\n\n .header {\n font-weight: bold;\n display: flex;\n user-select: none;\n align-items: center;\n }\n\n .header .header-sort-icon {\n padding-left: 5px;\n opacity: 0;\n font-size: 17px;\n color: rgba(0, 0, 0, 0.54);\n cursor: pointer;\n height: 18px;\n }\n\n .header:hover .header-sort-icon {\n opacity: 1;\n }\n\n .loading {\n opacity: 0.25;\n }\n\n span .disabled {\n color: rgba(9, 34, 65, 0.7);\n }\n\n .disable-cursor {\n cursor: default !important;\n }\n\n .accounts {\n display: flex;\n align-items: center;\n }\n\n .account-name {\n margin: 0 8px 0 3px;\n }\n\n vaadin-grid-cell-content {\n font-size: 14px;\n --_cell-padding: 1rem;\n }\n\n .row-limit {\n display: flex;\n padding: 8px;\n }\n`;\n"]}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent ix-grid following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "Digital Realty",
6
- "version": "1.0.21",
6
+ "version": "1.0.22",
7
7
  "type": "module",
8
8
  "main": "dist/index.js",
9
9
  "module": "dist/index.js",
@@ -94,5 +94,5 @@
94
94
  "prettier --write"
95
95
  ]
96
96
  },
97
- "gitHead": "b84d73018ee0d33b5f018c6953c2dcae0931c11e"
97
+ "gitHead": "2631f5e4b2bfaf11fb2cf778060d7c77a6545984"
98
98
  }
@@ -128,6 +128,7 @@ export const IxGridViewStyles = css`
128
128
 
129
129
  .grid-menu {
130
130
  display: flex;
131
+ align-items: center;
131
132
  }
132
133
 
133
134
  .grid-menu ix-button {