genesys-react-components 1.1.1-devengage-3133-table-paragraph-alignment.786 → 1.1.1-devengage-3133-table-paragraph-alignment.793

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.
Files changed (3) hide show
  1. package/build/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/datatable/DataTable.scss +2 -2
package/build/index.js CHANGED
@@ -679,7 +679,7 @@ function CopyButton(props) {
679
679
  React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppCopy })))));
680
680
  }
681
681
 
682
- var css_248z$1 = ".table-container {\n margin: 40px 0;\n}\n.table-container .filter-container {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n width: 100%;\n box-sizing: border-box;\n}\n.table-container .filter-container .filter-toggle {\n color: var(--theme-core-link-color);\n font-size: 12px;\n line-height: 0;\n margin: 6px 0 0 10px;\n cursor: pointer;\n align-self: flex-start;\n}\n.table-container .filter-container .filter-toggle:hover {\n color: var(--theme-core-link-hover-color);\n}\n.table-container .table {\n width: 100%;\n margin: 0 30px 0 0;\n color: var(--theme-datatable-text-color);\n background-color: var(--theme-datatable-background-color);\n}\n.table-container .table td {\n border-width: 0 0 1px 0;\n border-style: solid;\n border-color: var(--theme-datatable-border-color);\n vertical-align: top;\n min-width: 80px;\n}\n.table-container .table td p {\n margin: 0;\n min-width: 10%;\n}\n.table-container .table thead tr {\n color: var(--theme-datatable-text-color);\n font-weight: bold;\n font-size: 14px;\n line-height: 24px;\n}\n.table-container .table thead tr td {\n padding: 0 10px;\n}\n.table-container .table thead tr td .header-container {\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 6px;\n width: 100%;\n}\n.table-container .table thead tr td .header-container.align-center {\n justify-content: center;\n}\n.table-container .table thead tr td .header-container.align-right {\n justify-content: flex-end;\n}\n.table-container .table thead tr td .sort-numeric {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n align-items: center;\n}\n.table-container .table thead tr td .sort-numeric .dx-label {\n max-width: 70px;\n}\n.table-container .table thead tr td .sort-date {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n align-items: center;\n}\n.table-container .table thead tr td .sort-date .date-filter {\n max-width: 155px;\n}\n.table-container .table thead tr.filter-spacer {\n height: 10px;\n}\n.table-container .table thead tr.filter-row {\n background-color: var(--theme-datatable-filter-background-color);\n}\n.table-container .table thead tr.filter-row td {\n border-width: 1px 0;\n vertical-align: middle;\n}\n.table-container .table thead tr.filter-row td:first-child {\n border-width: 1px 0 1px 1px;\n border-radius: 4px 0 0 4px;\n}\n.table-container .table thead tr.filter-row td:last-child {\n border-width: 1px 1px 1px 0;\n border-radius: 0 4px 4px 0;\n}\n.table-container .table tbody tr {\n font-size: 12px;\n line-height: 20px;\n}\n.table-container .table tbody tr td {\n padding: 16px 10px;\n}\n.table-container .table tbody tr td > div {\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n}\n.table-container .table tbody tr td > div.align-center {\n justify-content: center;\n}\n.table-container .table tbody tr td > div.align-right {\n justify-content: flex-end;\n}\n.table-container .table tbody tr td > div .copy-button {\n color: unset;\n}\n.table-container .table tbody tr td > div .icon {\n line-height: 0;\n}\n.table-container .table tr td:first-child {\n padding-left: 12px;\n}\n.table-container .table tr td:last-child {\n padding-right: 12px;\n}\n.table-container.paginated .table {\n margin-bottom: 10px;\n}\n.table-container.sortable .table thead tr td {\n cursor: pointer;\n}\n.table-container.sortable .table thead tr td .sort-icon,\n.table-container.sortable .table thead tr td .filter-active-icon {\n color: var(--theme-core-link-color);\n}\n.table-container.sortable .table thead tr td.unsorted .sort-icon {\n visibility: hidden;\n}\n.table-container.sortable .table thead tr td:hover .sort-icon {\n visibility: visible;\n}";
682
+ var css_248z$1 = ".table-container {\n margin: 40px 0;\n}\n.table-container .filter-container {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n width: 100%;\n box-sizing: border-box;\n}\n.table-container .filter-container .filter-toggle {\n color: var(--theme-core-link-color);\n font-size: 12px;\n line-height: 0;\n margin: 6px 0 0 10px;\n cursor: pointer;\n align-self: flex-start;\n}\n.table-container .filter-container .filter-toggle:hover {\n color: var(--theme-core-link-hover-color);\n}\n.table-container .table {\n width: 100%;\n margin: 0 30px 0 0;\n color: var(--theme-datatable-text-color);\n background-color: var(--theme-datatable-background-color);\n}\n.table-container .table td {\n border-width: 0 0 1px 0;\n border-style: solid;\n border-color: var(--theme-datatable-border-color);\n vertical-align: top;\n min-width: 80px;\n}\n.table-container .table td p {\n margin: 0;\n min-width: 10%;\n}\n.table-container .table thead tr {\n color: var(--theme-datatable-text-color);\n font-weight: bold;\n font-size: 14px;\n line-height: 24px;\n}\n.table-container .table thead tr td {\n padding: 0 10px;\n}\n.table-container .table thead tr td .header-container {\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 6px;\n width: 100%;\n}\n.table-container .table thead tr td .header-container.align-center {\n justify-content: center;\n}\n.table-container .table thead tr td .header-container.align-right {\n justify-content: flex-end;\n}\n.table-container .table thead tr td .sort-numeric {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n align-items: center;\n}\n.table-container .table thead tr td .sort-numeric .dx-label {\n max-width: 70px;\n}\n.table-container .table thead tr td .sort-date {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n align-items: center;\n}\n.table-container .table thead tr td .sort-date .date-filter {\n max-width: 155px;\n}\n.table-container .table thead tr.filter-spacer {\n height: 10px;\n}\n.table-container .table thead tr.filter-row {\n background-color: var(--theme-datatable-filter-background-color);\n}\n.table-container .table thead tr.filter-row td {\n border-width: 1px 0;\n vertical-align: middle;\n}\n.table-container .table thead tr.filter-row td:first-child {\n border-width: 1px 0 1px 1px;\n border-radius: 4px 0 0 4px;\n}\n.table-container .table thead tr.filter-row td:last-child {\n border-width: 1px 1px 1px 0;\n border-radius: 0 4px 4px 0;\n}\n.table-container .table tbody tr {\n font-size: 12px;\n line-height: 20px;\n}\n.table-container .table tbody tr td {\n padding: 16px 10px;\n}\n.table-container .table tbody tr td > div {\n display: flex;\n flex-flow: column nowrap;\n align-items: flex-start;\n justify-content: center;\n gap: 10px;\n}\n.table-container .table tbody tr td > div.align-center {\n justify-content: center;\n}\n.table-container .table tbody tr td > div.align-right {\n justify-content: flex-end;\n}\n.table-container .table tbody tr td > div .copy-button {\n color: unset;\n}\n.table-container .table tbody tr td > div .icon {\n line-height: 0;\n}\n.table-container .table tr td:first-child {\n padding-left: 12px;\n}\n.table-container .table tr td:last-child {\n padding-right: 12px;\n}\n.table-container.paginated .table {\n margin-bottom: 10px;\n}\n.table-container.sortable .table thead tr td {\n cursor: pointer;\n}\n.table-container.sortable .table thead tr td .sort-icon,\n.table-container.sortable .table thead tr td .filter-active-icon {\n color: var(--theme-core-link-color);\n}\n.table-container.sortable .table thead tr td.unsorted .sort-icon {\n visibility: hidden;\n}\n.table-container.sortable .table thead tr td:hover .sort-icon {\n visibility: visible;\n}";
683
683
  styleInject(css_248z$1);
684
684
 
685
685
  /* eslint-disable react-hooks/exhaustive-deps */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-react-components",
3
- "version": "1.1.1-devengage-3133-table-paragraph-alignment.786",
3
+ "version": "1.1.1-devengage-3133-table-paragraph-alignment.793",
4
4
  "description": "A React component library containing standardized form elements.",
5
5
  "type": "module",
6
6
  "types": "build/index.d.ts",
package/src/datatable/DataTable.scss CHANGED
@@ -130,8 +130,8 @@ $cellWidthPadding: 10px;
130
130
  & > div {
131
131
  display: flex;
132
132
  flex-flow: column nowrap;
133
- align-items: center;
134
- justify-content: flex-start;
133
+ align-items: flex-start;
134
+ justify-content: center;
135
135
  gap: 10px;
136
136
 
137
137
  &.align-center {