genesys-react-components 0.4.8 → 0.4.9-DEVENGAGE-1112-improve-icon-specificity.480

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 +59 -59
  3. package/src/alertblock/AlertBlock.scss +6 -6
package/build/index.js CHANGED
@@ -437,7 +437,7 @@ function DxToggle(props) {
437
437
  value !== true ? React.createElement(GenesysDevIcon, { icon: trueIcon }) : undefined))));
438
438
  }
439
439
 
440
- var css_248z$5 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.alert-container {\n margin: 40px 0;\n padding: 0;\n}\n.toc-link + .alert-container {\n margin-top: 0;\n}\n.alert-container .alert {\n display: flex;\n flex-flow: row nowrap;\n gap: 20px;\n background-color: var(--theme-alertblock-default-background-color);\n border: 1px solid var(--theme-alertblock-default-border-color);\n color: var(--theme-alertblock-default-text-color);\n border-radius: 4px;\n padding: 15px 20px;\n font-size: 14px;\n line-height: 14px;\n}\n.alert-container .alert .clickable {\n cursor: pointer;\n}\n.alert-container .alert .info-icon {\n display: inline-block;\n font-size: 16px;\n line-height: 0;\n margin-top: 2px;\n color: var(--theme-alertblock-default-icon-color);\n}\n.alert-container .alert .alert-content {\n flex-grow: 1;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n}\n.alert-container .alert .alert-content .alert-title {\n font-size: 14px;\n line-height: 20px;\n font-weight: bold;\n margin-bottom: 6px;\n}\n.alert-container .alert .alert-content .alert-title.collapsed {\n margin-bottom: 0;\n}\n.alert-container .alert p:last-of-type {\n margin-bottom: 0;\n}\n.alert-container .alert.alert-info {\n color: var(--theme-alertblock-info-text-color);\n background-color: var(--theme-alertblock-info-background-color);\n border-color: var(--theme-alertblock-info-border-color);\n}\n.alert-container .alert.alert-info .icon {\n color: var(--theme-alertblock-info-icon-color);\n}\n.alert-container .alert.alert-warning {\n color: var(--theme-alertblock-warning-text-color);\n background-color: var(--theme-alertblock-warning-background-color);\n border-color: var(--theme-alertblock-warning-border-color);\n}\n.alert-container .alert.alert-warning .icon {\n color: var(--theme-alertblock-warning-icon-color);\n}\n.alert-container .alert.alert-critical {\n color: var(--theme-alertblock-critical-text-color);\n background-color: var(--theme-alertblock-critical-background-color);\n border-color: var(--theme-alertblock-critical-border-color);\n}\n.alert-container .alert.alert-critical .icon {\n color: var(--theme-alertblock-critical-icon-color);\n}\n.alert-container .alert.alert-success {\n color: var(--theme-alertblock-success-text-color);\n background-color: var(--theme-alertblock-success-background-color);\n border-color: var(--theme-alertblock-success-border-color);\n}\n.alert-container .alert.alert-success .icon {\n color: var(--theme-alertblock-success-icon-color);\n}\n.alert-container .alert.alert-toast {\n color: var(--theme-alertblock-toast-text-color);\n background-color: var(--theme-alertblock-toast-background-color);\n border-color: var(--theme-alertblock-toast-border-color);\n}\n.alert-container .alert.alert-toast .icon {\n color: var(--theme-alertblock-toast-icon-color);\n}";
440
+ var css_248z$5 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.alert-container {\n margin: 40px 0;\n padding: 0;\n}\n.toc-link + .alert-container {\n margin-top: 0;\n}\n.alert-container .alert {\n display: flex;\n flex-flow: row nowrap;\n gap: 20px;\n background-color: var(--theme-alertblock-default-background-color);\n border: 1px solid var(--theme-alertblock-default-border-color);\n color: var(--theme-alertblock-default-text-color);\n border-radius: 4px;\n padding: 15px 20px;\n font-size: 14px;\n line-height: 14px;\n}\n.alert-container .alert .clickable {\n cursor: pointer;\n}\n.alert-container .alert .info-icon {\n display: inline-block;\n font-size: 16px;\n line-height: 0;\n margin-top: 2px;\n color: var(--theme-alertblock-default-icon-color);\n}\n.alert-container .alert .alert-content {\n flex-grow: 1;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n}\n.alert-container .alert .alert-content .alert-title {\n font-size: 14px;\n line-height: 20px;\n font-weight: bold;\n margin-bottom: 6px;\n}\n.alert-container .alert .alert-content .alert-title.collapsed {\n margin-bottom: 0;\n}\n.alert-container .alert p:last-of-type {\n margin-bottom: 0;\n}\n.alert-container .alert.alert-info {\n color: var(--theme-alertblock-info-text-color);\n background-color: var(--theme-alertblock-info-background-color);\n border-color: var(--theme-alertblock-info-border-color);\n}\n.alert-container .alert.alert-info .info-icon {\n color: var(--theme-alertblock-info-icon-color);\n}\n.alert-container .alert.alert-warning {\n color: var(--theme-alertblock-warning-text-color);\n background-color: var(--theme-alertblock-warning-background-color);\n border-color: var(--theme-alertblock-warning-border-color);\n}\n.alert-container .alert.alert-warning .info-icon {\n color: var(--theme-alertblock-warning-icon-color);\n}\n.alert-container .alert.alert-critical {\n color: var(--theme-alertblock-critical-text-color);\n background-color: var(--theme-alertblock-critical-background-color);\n border-color: var(--theme-alertblock-critical-border-color);\n}\n.alert-container .alert.alert-critical .info-icon {\n color: var(--theme-alertblock-critical-icon-color);\n}\n.alert-container .alert.alert-success {\n color: var(--theme-alertblock-success-text-color);\n background-color: var(--theme-alertblock-success-background-color);\n border-color: var(--theme-alertblock-success-border-color);\n}\n.alert-container .alert.alert-success .info-icon {\n color: var(--theme-alertblock-success-icon-color);\n}\n.alert-container .alert.alert-toast {\n color: var(--theme-alertblock-toast-text-color);\n background-color: var(--theme-alertblock-toast-background-color);\n border-color: var(--theme-alertblock-toast-border-color);\n}\n.alert-container .alert.alert-toast .info-icon {\n color: var(--theme-alertblock-toast-icon-color);\n}";
441
441
  styleInject(css_248z$5);
442
442
 
443
443
  function AlertBlock(props) {
package/package.json CHANGED
@@ -1,60 +1,60 @@
1
1
  {
2
- "name": "genesys-react-components",
3
- "version": "0.4.8",
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
- "genesys-dev-icons": "^0.4.1",
36
- "react": "^16",
37
- "react-dom": "^16",
38
- "rollup": "^2.60.2",
39
- "rollup-plugin-peer-deps-external": "^2.2.4",
40
- "rollup-plugin-postcss": "^4.0.2",
41
- "rollup-plugin-typescript2": "^0.31.1",
42
- "sass": "^1.44.0",
43
- "typescript": "^4.5.2",
44
- "uuid": "^9.0.0"
45
- },
46
- "peerDependencies": {
47
- "genesys-dev-icons": "0.x",
48
- "moment": "^2.29.4",
49
- "postcss": "^8.4.6",
50
- "react": ">=16",
51
- "react-dom": ">=16",
52
- "react-syntax-highlighter": "^15.5.0",
53
- "uuid": "^9.0.0"
54
- },
55
- "dependencies": {
56
- "moment": "^2.30.1",
57
- "postcss": "^8.4.35",
58
- "react-syntax-highlighter": "^15.5.0"
59
- }
60
- }
2
+ "name": "genesys-react-components",
3
+ "version": "0.4.9-DEVENGAGE-1112-improve-icon-specificity.480",
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
+ "genesys-dev-icons": "^0.4.1",
36
+ "react": "^16",
37
+ "react-dom": "^16",
38
+ "rollup": "^2.60.2",
39
+ "rollup-plugin-peer-deps-external": "^2.2.4",
40
+ "rollup-plugin-postcss": "^4.0.2",
41
+ "rollup-plugin-typescript2": "^0.31.1",
42
+ "sass": "^1.44.0",
43
+ "typescript": "^4.5.2",
44
+ "uuid": "^9.0.0"
45
+ },
46
+ "peerDependencies": {
47
+ "genesys-dev-icons": "0.x",
48
+ "moment": "^2.29.4",
49
+ "postcss": "^8.4.6",
50
+ "react": ">=16",
51
+ "react-dom": ">=16",
52
+ "react-syntax-highlighter": "^15.5.0",
53
+ "uuid": "^9.0.0"
54
+ },
55
+ "dependencies": {
56
+ "moment": "^2.30.1",
57
+ "postcss": "^8.4.35",
58
+ "react-syntax-highlighter": "^15.5.0"
59
+ }
60
+ }
package/src/alertblock/AlertBlock.scss CHANGED
@@ -60,7 +60,7 @@
60
60
  background-color: var($--theme-alertblock-info-background-color);
61
61
  border-color: var($--theme-alertblock-info-border-color);
62
62
 
63
- .icon {
63
+ .info-icon {
64
64
  color: var($--theme-alertblock-info-icon-color);
65
65
  }
66
66
  }
@@ -70,7 +70,7 @@
70
70
  background-color: var($--theme-alertblock-warning-background-color);
71
71
  border-color: var($--theme-alertblock-warning-border-color);
72
72
 
73
- .icon {
73
+ .info-icon {
74
74
  color: var($--theme-alertblock-warning-icon-color);
75
75
  }
76
76
  }
@@ -80,7 +80,7 @@
80
80
  background-color: var($--theme-alertblock-critical-background-color);
81
81
  border-color: var($--theme-alertblock-critical-border-color);
82
82
 
83
- .icon {
83
+ .info-icon {
84
84
  color: var($--theme-alertblock-critical-icon-color);
85
85
  }
86
86
  }
@@ -90,7 +90,7 @@
90
90
  background-color: var($--theme-alertblock-success-background-color);
91
91
  border-color: var($--theme-alertblock-success-border-color);
92
92
 
93
- .icon {
93
+ .info-icon {
94
94
  color: var($--theme-alertblock-success-icon-color);
95
95
  }
96
96
  }
@@ -100,9 +100,9 @@
100
100
  background-color: var($--theme-alertblock-toast-background-color);
101
101
  border-color: var($--theme-alertblock-toast-border-color);
102
102
 
103
- .icon {
103
+ .info-icon {
104
104
  color: var($--theme-alertblock-toast-icon-color);
105
105
  }
106
106
  }
107
107
  }
108
- }
108
+ }