genesys-react-components 1.2.0-DEVENGAGE-3353-loading-spinner.826 → 1.2.0-DEVENGAGE-3353-loading-spinner.827

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 (4) hide show
  1. package/build/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/loadingspinner/LoadingSpinner.scss +2 -2
  4. package/src/theme/variables.scss +7 -0
package/build/index.js CHANGED
@@ -1024,7 +1024,7 @@ function CodeFence(props) {
1024
1024
  !disableHighlighting && (React.createElement(PrismAsync, { language: (_a = props.language) === null || _a === void 0 ? void 0 : _a.toLowerCase(), style: vscDarkPlus, showLineNumbers: props.showLineNumbers }, props.value))))));
1025
1025
  }
1026
1026
 
1027
- var css_248z = ".loading-spinner {\n --loading-spinner-size: 10px;\n width: var(--loading-spinner-size);\n height: var(--loading-spinner-size);\n border-top-color: var(--theme-card-icon-color);\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n border-width: calc(var(--loading-spinner-size) / 5);\n border-left: dotted var(--theme-card-icon-color);\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n}\n.loading-spinner.small {\n --loading-spinner-size: 10px;\n}\n.loading-spinner.medium {\n --loading-spinner-size: 20px;\n}\n.loading-spinner.large {\n --loading-spinner-size: 30px;\n}\n\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";
1027
+ var css_248z = ".loading-spinner {\n --loading-spinner-size: 10px;\n width: var(--loading-spinner-size);\n height: var(--loading-spinner-size);\n border-top-color: var(--theme-loadingspinner-color);\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n border-width: calc(var(--loading-spinner-size) / 5);\n border-left: dotted var(--theme-loadingspinner-color);\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n}\n.loading-spinner.small {\n --loading-spinner-size: 10px;\n}\n.loading-spinner.medium {\n --loading-spinner-size: 20px;\n}\n.loading-spinner.large {\n --loading-spinner-size: 30px;\n}\n\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";
1028
1028
  styleInject(css_248z);
1029
1029
 
1030
1030
  function LoadingSpinner(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-react-components",
3
- "version": "1.2.0-DEVENGAGE-3353-loading-spinner.826",
3
+ "version": "1.2.0-DEVENGAGE-3353-loading-spinner.827",
4
4
  "description": "A React component library containing standardized form elements.",
5
5
  "type": "module",
6
6
  "types": "build/index.d.ts",
package/src/loadingspinner/LoadingSpinner.scss CHANGED
@@ -3,12 +3,12 @@
3
3
 
4
4
  width: var(--loading-spinner-size);
5
5
  height: var(--loading-spinner-size);
6
- border-top-color: var(--theme-card-icon-color);
6
+ border-top-color: var(--theme-loadingspinner-color);
7
7
  border-right-color: transparent;
8
8
  border-bottom-color: transparent;
9
9
  border-style: solid;
10
10
  border-width: calc(var(--loading-spinner-size) / 5);
11
- border-left: dotted var(--theme-card-icon-color);
11
+ border-left: dotted var(--theme-loadingspinner-color);
12
12
  border-radius: 50%;
13
13
  animation: spin 0.7s linear infinite;
14
14
 
package/src/theme/variables.scss CHANGED
@@ -134,6 +134,9 @@ $--theme-feedback-border-color: --theme-feedback-border-color;
134
134
  $--theme-loadingplaceholder-text-color: --theme-loadingplaceholder-text-color;
135
135
  $--theme-loadingplaceholder-wave-color: --theme-loadingplaceholder-wave-color;
136
136
 
137
+ // LoadingSpinner
138
+ $--theme-loadingspinner-color: --theme-loadingspinner-color;
139
+
137
140
  // PrivacyBanner
138
141
  $--theme-privacybanner-background-color: --theme-privacybanner-background-color;
139
142
  $--theme-privacybanner-border-color: --theme-privacybanner-border-color;
@@ -263,6 +266,8 @@ $theme-vars: (
263
266
  // LoadingPlaceholder
264
267
  $--theme-loadingplaceholder-text-color: #009fc7,
265
268
  $--theme-loadingplaceholder-wave-color: #009fc7,
269
+ // LoadingSpinner
270
+ $--theme-loadingspinner-color: #ff4f1f,
266
271
  // PrivacyBanner
267
272
  $--theme-privacybanner-background-color: #f5f8fb,
268
273
  $--theme-privacybanner-border-color: #2f7bb1,
@@ -397,6 +402,8 @@ $theme-vars-dark: (
397
402
  // LoadingPlaceholder
398
403
  $--theme-loadingplaceholder-text-color: #5edbf7,
399
404
  $--theme-loadingplaceholder-wave-color: #5edbf7,
405
+ // LoadingSpinner
406
+ $--theme-loadingspinner-color: #ff4f1f,
400
407
  // PrivacyBanner
401
408
  $--theme-privacybanner-background-color: #4d5061,
402
409
  $--theme-privacybanner-border-color: #75757a,