@geneui/components 3.0.0-next-331eb7d-01102024 → 3.0.0-next-fa529af-03102024
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.
- package/Loader/index.js +5 -4
- package/package.json +1 -1
package/Loader/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
3
3
|
|
|
4
|
-
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .loader{align-items:center;display:inline-flex;justify-content:center}[data-gene-ui-version=\"2.16.1\"] .loader_direction_below{flex-direction:column;text-align:center}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge,[data-gene-ui-version=\"2.16.1\"] .
|
|
4
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .loader{align-items:center;display:inline-flex;justify-content:center}[data-gene-ui-version=\"2.16.1\"] .loader_direction_below{flex-direction:column;text-align:center}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge,[data-gene-ui-version=\"2.16.1\"] .loader_size_xLarge{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .loader_size_large,[data-gene-ui-version=\"2.16.1\"] .loader_size_medium,[data-gene-ui-version=\"2.16.1\"] .loader_size_small,[data-gene-ui-version=\"2.16.1\"] .loader_size_smallNudge{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .loader_size_small,[data-gene-ui-version=\"2.16.1\"] .loader_size_smallNudge{gap:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge{gap:var(--guit-ref-spacing-2xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-2xlarge);width:var(--guit-sem-dimension-width-2xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_xLarge{gap:var(--guit-ref-spacing-xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_xLarge .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-xlarge);width:var(--guit-sem-dimension-width-xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_large{gap:var(--guit-ref-spacing-large)}[data-gene-ui-version=\"2.16.1\"] .loader_size_large .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .loader_size_medium{gap:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .loader_size_medium .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .loader_size_small .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-small);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .loader_size_smallNudge .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-small-nudge);width:var(--guit-sem-dimension-width-small-nudge)}[data-gene-ui-version=\"2.16.1\"] .loader_color_brand .loader__text,[data-gene-ui-version=\"2.16.1\"] .loader_color_neutral .loader__text{color:var(--guit-sem-color-foreground-neutral-1)}[data-gene-ui-version=\"2.16.1\"] .loader_color_brand .loader__spinnerPath{stroke:var(--guit-sem-color-foreground-brand)}[data-gene-ui-version=\"2.16.1\"] .loader_color_neutral .loader__spinnerPath{stroke:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .loader_color_inverse .loader__spinnerPath{stroke:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .loader_color_inverse .loader__text{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .loader__spinnerWrapper{flex:0 0 auto;padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .loader__spinner{animation:loader-rotate 2s linear infinite;height:100%;width:100%}[data-gene-ui-version=\"2.16.1\"] .loader__spinnerPath{stroke-linecap:round;animation:loader-dash 1.5s ease-in-out infinite;transform:translateZ(0)}[data-gene-ui-version=\"2.16.1\"] .loader__text{font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:capitalize}@keyframes loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loader-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-136}}";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -10,9 +10,10 @@ styleInject(css_248z);
|
|
|
10
10
|
const Loader = ({ isLoading = true, text, textPosition = 'after', size = 'medium', appearance = 'brand', children }) => {
|
|
11
11
|
if (isLoading) {
|
|
12
12
|
return (React__default.createElement("span", { className: `loader loader_direction_${textPosition} loader_size_${size} loader_color_${appearance}` },
|
|
13
|
-
React__default.createElement("
|
|
14
|
-
React__default.createElement("
|
|
15
|
-
|
|
13
|
+
React__default.createElement("span", { className: "loader__spinnerWrapper" },
|
|
14
|
+
React__default.createElement("svg", { className: "loader__spinner", viewBox: "0 0 50 50" },
|
|
15
|
+
React__default.createElement("circle", { className: "loader__spinnerPath", cx: "25", cy: "25", r: "22", fill: "none", strokeWidth: "5" }))),
|
|
16
|
+
text && React__default.createElement("span", { className: `loader__text loader__textColor_${appearance}` }, text)));
|
|
16
17
|
}
|
|
17
18
|
else {
|
|
18
19
|
return React__default.createElement(React__default.Fragment, null, children);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geneui/components",
|
|
3
3
|
"description": "The Gene UI components library designed for BI tools",
|
|
4
|
-
"version": "3.0.0-next-
|
|
4
|
+
"version": "3.0.0-next-fa529af-03102024",
|
|
5
5
|
"author": "SoftConstruct",
|
|
6
6
|
"homepage": "https://github.com/softconstruct/gene-ui-components#readme",
|
|
7
7
|
"repository": {
|