@helpdice/ui 2.6.1 → 2.6.2-beta.0

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 (7) hide show
  1. package/dist/index.js +12 -7
  2. package/dist/linear-progress/index.js +12 -7
  3. package/dist/linear-progress/linear-progress.d.ts +1 -0
  4. package/dist/loadable/index.js +12 -7
  5. package/esm/linear-progress/linear-progress.d.ts +1 -0
  6. package/esm/linear-progress/linear-progress.js +12 -7
  7. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -38239,23 +38239,28 @@ var LinearProgress = function LinearProgress(_ref) {
38239
38239
  _ref$color = _ref.color,
38240
38240
  color = _ref$color === void 0 ? '#1976d2' : _ref$color,
38241
38241
  _ref$speed = _ref.speed,
38242
- speed = _ref$speed === void 0 ? 1.5 : _ref$speed;
38242
+ speed = _ref$speed === void 0 ? 1.5 : _ref$speed,
38243
+ _ref$sticky = _ref.sticky,
38244
+ sticky = _ref$sticky === void 0 ? false : _ref$sticky;
38243
38245
  if (!isActive) return null;
38244
38246
  var isDeterminate = typeof progress === 'number' && progress >= 0 && progress <= 100;
38245
38247
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
38246
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "loader-wrapper",
38248
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "loader-wrapper",
38247
38249
  children: [isDeterminate ? /*#__PURE__*/jsxRuntime.jsx("div", {
38248
38250
  style: {
38249
38251
  width: "".concat(progress, "%"),
38250
38252
  backgroundColor: color
38251
38253
  },
38252
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "determinate-bar"
38254
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "determinate-bar"
38253
38255
  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
38254
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "indeterminate-loader"
38256
+ style: {
38257
+ animation: "slide ".concat(speed, "s linear infinite")
38258
+ },
38259
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
38255
38260
  }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
38256
- id: "2900495535",
38257
- dynamic: [color, speed],
38258
- children: ".loader-wrapper.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ".concat(color, " 50%, transparent 100% );background-size:200% 100%;-webkit-animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")
38261
+ id: "3876079267",
38262
+ dynamic: [sticky && 'position: fixed;top: 0;left: 0;', color],
38263
+ children: ".loader-wrapper.__jsx-style-dynamic-selector{".concat(sticky && 'position: fixed;top: 0;left: 0;', " width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ").concat(color, " 50%, transparent 100% );background-size:200% 100%;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")
38259
38264
  })]
38260
38265
  });
38261
38266
  };
package/dist/linear-progress/index.js CHANGED
@@ -555,23 +555,28 @@ var LinearProgress = function LinearProgress(_ref) {
555
555
  _ref$color = _ref.color,
556
556
  color = _ref$color === void 0 ? '#1976d2' : _ref$color,
557
557
  _ref$speed = _ref.speed,
558
- speed = _ref$speed === void 0 ? 1.5 : _ref$speed;
558
+ speed = _ref$speed === void 0 ? 1.5 : _ref$speed,
559
+ _ref$sticky = _ref.sticky,
560
+ sticky = _ref$sticky === void 0 ? false : _ref$sticky;
559
561
  if (!isActive) return null;
560
562
  var isDeterminate = typeof progress === 'number' && progress >= 0 && progress <= 100;
561
563
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
562
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "loader-wrapper",
564
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "loader-wrapper",
563
565
  children: [isDeterminate ? /*#__PURE__*/jsxRuntime.jsx("div", {
564
566
  style: {
565
567
  width: "".concat(progress, "%"),
566
568
  backgroundColor: color
567
569
  },
568
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "determinate-bar"
570
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "determinate-bar"
569
571
  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
570
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "indeterminate-loader"
572
+ style: {
573
+ animation: "slide ".concat(speed, "s linear infinite")
574
+ },
575
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
571
576
  }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
572
- id: "2900495535",
573
- dynamic: [color, speed],
574
- children: ".loader-wrapper.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ".concat(color, " 50%, transparent 100% );background-size:200% 100%;-webkit-animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")
577
+ id: "3876079267",
578
+ dynamic: [sticky && 'position: fixed;top: 0;left: 0;', color],
579
+ children: ".loader-wrapper.__jsx-style-dynamic-selector{".concat(sticky && 'position: fixed;top: 0;left: 0;', " width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ").concat(color, " 50%, transparent 100% );background-size:200% 100%;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")
575
580
  })]
576
581
  });
577
582
  };
package/dist/linear-progress/linear-progress.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  interface LinearProgressProps {
3
3
  isActive?: boolean;
4
+ sticky?: boolean;
4
5
  progress?: number;
5
6
  color?: string;
6
7
  speed?: number;
package/dist/loadable/index.js CHANGED
@@ -599,23 +599,28 @@ var LinearProgress = function LinearProgress(_ref) {
599
599
  _ref$color = _ref.color,
600
600
  color = _ref$color === void 0 ? '#1976d2' : _ref$color,
601
601
  _ref$speed = _ref.speed,
602
- speed = _ref$speed === void 0 ? 1.5 : _ref$speed;
602
+ speed = _ref$speed === void 0 ? 1.5 : _ref$speed,
603
+ _ref$sticky = _ref.sticky,
604
+ sticky = _ref$sticky === void 0 ? false : _ref$sticky;
603
605
  if (!isActive) return null;
604
606
  var isDeterminate = typeof progress === 'number' && progress >= 0 && progress <= 100;
605
607
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
606
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "loader-wrapper",
608
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "loader-wrapper",
607
609
  children: [isDeterminate ? /*#__PURE__*/jsxRuntime.jsx("div", {
608
610
  style: {
609
611
  width: "".concat(progress, "%"),
610
612
  backgroundColor: color
611
613
  },
612
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "determinate-bar"
614
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "determinate-bar"
613
615
  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
614
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "indeterminate-loader"
616
+ style: {
617
+ animation: "slide ".concat(speed, "s linear infinite")
618
+ },
619
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
615
620
  }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
616
- id: "2900495535",
617
- dynamic: [color, speed],
618
- children: ".loader-wrapper.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ".concat(color, " 50%, transparent 100% );background-size:200% 100%;-webkit-animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")
621
+ id: "3876079267",
622
+ dynamic: [sticky && 'position: fixed;top: 0;left: 0;', color],
623
+ children: ".loader-wrapper.__jsx-style-dynamic-selector{".concat(sticky && 'position: fixed;top: 0;left: 0;', " width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ").concat(color, " 50%, transparent 100% );background-size:200% 100%;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")
619
624
  })]
620
625
  });
621
626
  };
package/esm/linear-progress/linear-progress.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  interface LinearProgressProps {
3
3
  isActive?: boolean;
4
+ sticky?: boolean;
4
5
  progress?: number;
5
6
  color?: string;
6
7
  speed?: number;
package/esm/linear-progress/linear-progress.js CHANGED
@@ -7,22 +7,27 @@ var LinearProgress = function LinearProgress(_ref) {
7
7
  _ref$color = _ref.color,
8
8
  color = _ref$color === void 0 ? '#1976d2' : _ref$color,
9
9
  _ref$speed = _ref.speed,
10
- speed = _ref$speed === void 0 ? 1.5 : _ref$speed;
10
+ speed = _ref$speed === void 0 ? 1.5 : _ref$speed,
11
+ _ref$sticky = _ref.sticky,
12
+ sticky = _ref$sticky === void 0 ? false : _ref$sticky;
11
13
  if (!isActive) return null;
12
14
  var isDeterminate = typeof progress === 'number' && progress >= 0 && progress <= 100;
13
15
  return /*#__PURE__*/React.createElement("div", {
14
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "loader-wrapper"
16
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "loader-wrapper"
15
17
  }, isDeterminate ? /*#__PURE__*/React.createElement("div", {
16
18
  style: {
17
19
  width: "".concat(progress, "%"),
18
20
  backgroundColor: color
19
21
  },
20
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "determinate-bar"
22
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "determinate-bar"
21
23
  }) : /*#__PURE__*/React.createElement("div", {
22
- className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "indeterminate-loader"
24
+ style: {
25
+ animation: "slide ".concat(speed, "s linear infinite")
26
+ },
27
+ className: _JSXStyle.dynamic([["3876079267", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
23
28
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
24
- id: "2900495535",
25
- dynamic: [color, speed]
26
- }, ".loader-wrapper.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ".concat(color, " 50%, transparent 100% );background-size:200% 100%;-webkit-animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")));
29
+ id: "3876079267",
30
+ dynamic: [sticky && 'position: fixed;top: 0;left: 0;', color]
31
+ }, ".loader-wrapper.__jsx-style-dynamic-selector{".concat(sticky && 'position: fixed;top: 0;left: 0;', " width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ").concat(color, " 50%, transparent 100% );background-size:200% 100%;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")));
27
32
  };
28
33
  export default LinearProgress;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helpdice/ui",
3
- "version": "2.6.1",
3
+ "version": "2.6.2-beta.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "esm/index.d.ts",
6
6
  "unpkg": "dist/index.min.js",
@@ -62,7 +62,7 @@
62
62
  "@babel/preset-react": "^7.14.5",
63
63
  "@babel/preset-typescript": "^7.14.5",
64
64
  "@babel/standalone": "^7.28.3",
65
- "@helpdice/icons": "1.3.8",
65
+ "@helpdice/icons": "1.3.9",
66
66
  "@helpdice/pro": "2.2.0",
67
67
  "@helpdice/sdk": "^0.4.3",
68
68
  "@helpdice/utils": "^0.1.4",