@helpdice/ui 2.6.1 → 2.6.2-beta.1

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 +15 -7
  2. package/dist/linear-progress/index.js +15 -7
  3. package/dist/linear-progress/linear-progress.d.ts +1 -0
  4. package/dist/loadable/index.js +15 -7
  5. package/esm/linear-progress/linear-progress.d.ts +1 -0
  6. package/esm/linear-progress/linear-progress.js +14 -7
  7. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -38239,23 +38239,31 @@ 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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "linearSlide ".concat(speed, "s linear infinite")
38258
+ },
38259
+ className: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
38260
+ }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
38261
+ id: "1414032995",
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%;}")
38255
38264
  }), /*#__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;}}")
38265
+ id: "3545010945",
38266
+ children: "@-webkit-keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}"
38259
38267
  })]
38260
38268
  });
38261
38269
  };
package/dist/linear-progress/index.js CHANGED
@@ -555,23 +555,31 @@ 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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "linearSlide ".concat(speed, "s linear infinite")
574
+ },
575
+ className: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
576
+ }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
577
+ id: "1414032995",
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%;}")
571
580
  }), /*#__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;}}")
581
+ id: "3545010945",
582
+ children: "@-webkit-keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}"
575
583
  })]
576
584
  });
577
585
  };
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,31 @@ 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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "linearSlide ".concat(speed, "s linear infinite")
618
+ },
619
+ className: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [sticky && 'position: fixed;top: 0;left: 0;', color]]]) + " " + "indeterminate-loader"
620
+ }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
621
+ id: "1414032995",
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%;}")
615
624
  }), /*#__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;}}")
625
+ id: "3545010945",
626
+ children: "@-webkit-keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}"
619
627
  })]
620
628
  });
621
629
  };
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,29 @@ 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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "linearSlide ".concat(speed, "s linear infinite")
26
+ },
27
+ className: "jsx-3545010945 " + _JSXStyle.dynamic([["1414032995", [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: "1414032995",
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%;}")), /*#__PURE__*/React.createElement(_JSXStyle, {
32
+ id: "3545010945"
33
+ }, "@-webkit-keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes linearSlide{from{background-position:-100% 0;}to{background-position:100% 0;}}"));
27
34
  };
28
35
  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.1",
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",