genesys-react-components 1.1.0 → 1.2.0-devengage-3133-table-paragraph-alignment.781

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 +58 -58
  3. package/src/datatable/DataTable.scss +1 -1
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: row 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: 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}";
683
683
  styleInject(css_248z$1);
684
684
 
685
685
  /* eslint-disable react-hooks/exhaustive-deps */
package/package.json CHANGED
@@ -1,59 +1,59 @@
1
1
  {
2
- "name": "genesys-react-components",
3
- "version": "1.1.0",
4
- "description": "A React component library containing standardized form elements.",
5
- "type": "module",
6
- "types": "build/index.d.ts",
7
- "main": "./build/index.js",
8
- "exports": {
9
- "require": "./src/index.ts",
10
- "default": "./build/index.js"
11
- },
12
- "files": [
13
- "build",
14
- "src"
15
- ],
16
- "scripts": {
17
- "build": "rm -rf build && rollup -c rollup.config.js",
18
- "localbuild": "npm i && npm run build && rm -rf node_modules",
19
- "test": "echo \"0/0 tests passed. That's technically a perfect score. Keep up the great work!\""
20
- },
21
- "repository": {
22
- "type": "git",
23
- "url": "git+ssh://git@github.com/purecloudlabs/genesys-react-components.git"
24
- },
25
- "author": "Genesys",
26
- "license": "MIT",
27
- "bugs": {
28
- "url": "https://github.com/purecloudlabs/genesys-react-components/issues"
29
- },
30
- "homepage": "https://purecloudlabs.github.io/genesys-react-components",
31
- "devDependencies": {
32
- "@rollup/plugin-commonjs": "^21.0.1",
33
- "@rollup/plugin-node-resolve": "^13.0.6",
34
- "@types/react": "^16",
35
- "react": "^16",
36
- "react-dom": "^16",
37
- "rollup": "^2.60.2",
38
- "rollup-plugin-peer-deps-external": "^2.2.4",
39
- "rollup-plugin-postcss": "^4.0.2",
40
- "rollup-plugin-typescript2": "^0.31.1",
41
- "sass": "^1.44.0",
42
- "typescript": "^4.5.2",
43
- "uuid": "^9.0.0"
44
- },
45
- "peerDependencies": {
46
- "genesys-dev-icons": "^1.5.0",
47
- "moment": "^2.30.1",
48
- "postcss": "^8.5.3",
49
- "react": ">=16",
50
- "react-dom": ">=16",
51
- "react-syntax-highlighter": "^15.5.0",
52
- "uuid": "^9.0.0"
53
- },
54
- "dependencies": {
55
- "moment": "^2.30.1",
56
- "postcss": "^8.5.3",
57
- "react-syntax-highlighter": "^15.6.1"
58
- }
59
- }
2
+ "name": "genesys-react-components",
3
+ "version": "1.2.0-devengage-3133-table-paragraph-alignment.781",
4
+ "description": "A React component library containing standardized form elements.",
5
+ "type": "module",
6
+ "types": "build/index.d.ts",
7
+ "main": "./build/index.js",
8
+ "exports": {
9
+ "require": "./src/index.ts",
10
+ "default": "./build/index.js"
11
+ },
12
+ "files": [
13
+ "build",
14
+ "src"
15
+ ],
16
+ "scripts": {
17
+ "build": "rm -rf build && rollup -c rollup.config.js",
18
+ "localbuild": "npm i && npm run build && rm -rf node_modules",
19
+ "test": "echo \"0/0 tests passed. That's technically a perfect score. Keep up the great work!\""
20
+ },
21
+ "repository": {
22
+ "type": "git",
23
+ "url": "git+ssh://git@github.com/purecloudlabs/genesys-react-components.git"
24
+ },
25
+ "author": "Genesys",
26
+ "license": "MIT",
27
+ "bugs": {
28
+ "url": "https://github.com/purecloudlabs/genesys-react-components/issues"
29
+ },
30
+ "homepage": "https://purecloudlabs.github.io/genesys-react-components",
31
+ "devDependencies": {
32
+ "@rollup/plugin-commonjs": "^21.0.1",
33
+ "@rollup/plugin-node-resolve": "^13.0.6",
34
+ "@types/react": "^16",
35
+ "react": "^16",
36
+ "react-dom": "^16",
37
+ "rollup": "^2.60.2",
38
+ "rollup-plugin-peer-deps-external": "^2.2.4",
39
+ "rollup-plugin-postcss": "^4.0.2",
40
+ "rollup-plugin-typescript2": "^0.31.1",
41
+ "sass": "^1.44.0",
42
+ "typescript": "^4.5.2",
43
+ "uuid": "^9.0.0"
44
+ },
45
+ "peerDependencies": {
46
+ "genesys-dev-icons": "^1.5.0",
47
+ "moment": "^2.30.1",
48
+ "postcss": "^8.5.3",
49
+ "react": ">=16",
50
+ "react-dom": ">=16",
51
+ "react-syntax-highlighter": "^15.5.0",
52
+ "uuid": "^9.0.0"
53
+ },
54
+ "dependencies": {
55
+ "moment": "^2.30.1",
56
+ "postcss": "^8.5.3",
57
+ "react-syntax-highlighter": "^15.6.1"
58
+ }
59
+ }
package/src/datatable/DataTable.scss CHANGED
@@ -129,7 +129,7 @@ $cellWidthPadding: 10px;
129
129
 
130
130
  & > div {
131
131
  display: flex;
132
- flex-flow: row nowrap;
132
+ flex-flow: column nowrap;
133
133
  align-items: center;
134
134
  justify-content: flex-start;
135
135
  gap: 10px;