@salutejs/plasma-new-hope 0.339.0-canary.2299.18780728888.0 → 0.339.0-canary.2300.18832443234.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 (110) hide show
  1. package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
  2. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
  3. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
  4. package/cjs/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css} +1 -1
  5. package/cjs/index.css +5 -9
  6. package/cjs/index.js +0 -5
  7. package/cjs/index.js.map +1 -1
  8. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
  9. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  10. package/emotion/cjs/index.js +0 -1
  11. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
  12. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  13. package/emotion/es/index.js +0 -1
  14. package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
  15. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
  16. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
  17. package/es/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css} +1 -1
  18. package/es/index.css +5 -9
  19. package/es/index.js +0 -2
  20. package/es/index.js.map +1 -1
  21. package/package.json +4 -4
  22. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
  23. package/styled-components/cjs/index.js +0 -1
  24. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
  25. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  26. package/styled-components/es/index.js +0 -1
  27. package/types/index.d.ts +0 -1
  28. package/types/index.d.ts.map +1 -1
  29. package/cjs/components/Loader/Loader.css +0 -16
  30. package/cjs/components/Loader/Loader.js +0 -83
  31. package/cjs/components/Loader/Loader.js.map +0 -1
  32. package/cjs/components/Loader/Loader.styles.js +0 -36
  33. package/cjs/components/Loader/Loader.styles.js.map +0 -1
  34. package/cjs/components/Loader/Loader.styles_1i0a33d.css +0 -3
  35. package/cjs/components/Loader/Loader.tokens.js +0 -35
  36. package/cjs/components/Loader/Loader.tokens.js.map +0 -1
  37. package/cjs/components/Loader/variations/_size/base.js +0 -9
  38. package/cjs/components/Loader/variations/_size/base.js.map +0 -1
  39. package/cjs/components/Loader/variations/_size/base_x642ct.css +0 -1
  40. package/cjs/components/Loader/variations/_view/base.js +0 -9
  41. package/cjs/components/Loader/variations/_view/base.js.map +0 -1
  42. package/cjs/components/Loader/variations/_view/base_x642ct.css +0 -1
  43. package/emotion/cjs/components/Loader/Loader.js +0 -205
  44. package/emotion/cjs/components/Loader/Loader.styles.js +0 -46
  45. package/emotion/cjs/components/Loader/Loader.tokens.js +0 -52
  46. package/emotion/cjs/components/Loader/Loader.types.js +0 -4
  47. package/emotion/cjs/components/Loader/index.js +0 -23
  48. package/emotion/cjs/components/Loader/variations/_size/base.js +0 -12
  49. package/emotion/cjs/components/Loader/variations/_view/base.js +0 -12
  50. package/emotion/cjs/examples/components/Loader/Loader.config.js +0 -38
  51. package/emotion/cjs/examples/components/Loader/Loader.js +0 -15
  52. package/emotion/es/components/Loader/Loader.js +0 -141
  53. package/emotion/es/components/Loader/Loader.styles.js +0 -20
  54. package/emotion/es/components/Loader/Loader.tokens.js +0 -31
  55. package/emotion/es/components/Loader/Loader.types.js +0 -1
  56. package/emotion/es/components/Loader/index.js +0 -2
  57. package/emotion/es/components/Loader/variations/_size/base.js +0 -2
  58. package/emotion/es/components/Loader/variations/_view/base.js +0 -2
  59. package/emotion/es/examples/components/Loader/Loader.config.js +0 -28
  60. package/emotion/es/examples/components/Loader/Loader.js +0 -5
  61. package/es/components/Loader/Loader.css +0 -16
  62. package/es/components/Loader/Loader.js +0 -73
  63. package/es/components/Loader/Loader.js.map +0 -1
  64. package/es/components/Loader/Loader.styles.js +0 -30
  65. package/es/components/Loader/Loader.styles.js.map +0 -1
  66. package/es/components/Loader/Loader.styles_1i0a33d.css +0 -3
  67. package/es/components/Loader/Loader.tokens.js +0 -30
  68. package/es/components/Loader/Loader.tokens.js.map +0 -1
  69. package/es/components/Loader/variations/_size/base.js +0 -5
  70. package/es/components/Loader/variations/_size/base.js.map +0 -1
  71. package/es/components/Loader/variations/_size/base_x642ct.css +0 -1
  72. package/es/components/Loader/variations/_view/base.js +0 -5
  73. package/es/components/Loader/variations/_view/base.js.map +0 -1
  74. package/es/components/Loader/variations/_view/base_x642ct.css +0 -1
  75. package/styled-components/cjs/components/Loader/Loader.js +0 -205
  76. package/styled-components/cjs/components/Loader/Loader.styles.js +0 -129
  77. package/styled-components/cjs/components/Loader/Loader.tokens.js +0 -52
  78. package/styled-components/cjs/components/Loader/Loader.types.js +0 -4
  79. package/styled-components/cjs/components/Loader/index.js +0 -23
  80. package/styled-components/cjs/components/Loader/variations/_size/base.js +0 -14
  81. package/styled-components/cjs/components/Loader/variations/_view/base.js +0 -14
  82. package/styled-components/cjs/examples/components/Loader/Loader.config.js +0 -199
  83. package/styled-components/cjs/examples/components/Loader/Loader.js +0 -15
  84. package/styled-components/es/components/Loader/Loader.js +0 -141
  85. package/styled-components/es/components/Loader/Loader.styles.js +0 -68
  86. package/styled-components/es/components/Loader/Loader.tokens.js +0 -31
  87. package/styled-components/es/components/Loader/Loader.types.js +0 -1
  88. package/styled-components/es/components/Loader/index.js +0 -2
  89. package/styled-components/es/components/Loader/variations/_size/base.js +0 -4
  90. package/styled-components/es/components/Loader/variations/_view/base.js +0 -4
  91. package/styled-components/es/examples/components/Loader/Loader.config.js +0 -189
  92. package/styled-components/es/examples/components/Loader/Loader.js +0 -5
  93. package/types/components/Loader/Loader.d.ts +0 -23
  94. package/types/components/Loader/Loader.d.ts.map +0 -1
  95. package/types/components/Loader/Loader.styles.d.ts +0 -19
  96. package/types/components/Loader/Loader.styles.d.ts.map +0 -1
  97. package/types/components/Loader/Loader.tokens.d.ts +0 -32
  98. package/types/components/Loader/Loader.tokens.d.ts.map +0 -1
  99. package/types/components/Loader/Loader.types.d.ts +0 -56
  100. package/types/components/Loader/Loader.types.d.ts.map +0 -1
  101. package/types/components/Loader/index.d.ts +0 -4
  102. package/types/components/Loader/index.d.ts.map +0 -1
  103. package/types/components/Loader/variations/_size/base.d.ts +0 -2
  104. package/types/components/Loader/variations/_size/base.d.ts.map +0 -1
  105. package/types/components/Loader/variations/_view/base.d.ts +0 -2
  106. package/types/components/Loader/variations/_view/base.d.ts.map +0 -1
  107. package/types/examples/components/Loader/Loader.config.d.ts +0 -27
  108. package/types/examples/components/Loader/Loader.config.d.ts.map +0 -1
  109. package/types/examples/components/Loader/Loader.d.ts +0 -21
  110. package/types/examples/components/Loader/Loader.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.339.0-canary.2299.18780728888.0",
3
+ "version": "0.339.0-canary.2300.18832443234.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -79,7 +79,7 @@
79
79
  "@rollup/plugin-babel": "^6.0.4",
80
80
  "@rollup/plugin-commonjs": "^25.0.4",
81
81
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2299.18780728888.0",
82
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2300.18832443234.0",
83
83
  "@salutejs/plasma-themes": "0.38.0",
84
84
  "@storybook/addon-docs": "8.6.12",
85
85
  "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.209.0-canary.2299.18780728888.0",
120
+ "@salutejs/plasma-core": "1.209.0-canary.2300.18832443234.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "b684ffd81ea56dd699537af9245259931cc5d3f5"
140
+ "gitHead": "f1c442cccf70083edc5de47bf8487c75bac02a8f"
141
141
  }
@@ -75,13 +75,13 @@ var base = (0, _styledcomponents.css)([
75
75
  ], _ProgressBarCirculartokens.tokens.height, _ProgressBarCirculartokens.tokens.height);
76
76
  var StyledSVG = _styledcomponents.default.svg.withConfig({
77
77
  displayName: "ProgressBarCircular.styles__StyledSVG",
78
- componentId: "sc-d9be2df8-0"
78
+ componentId: "sc-91481a88-0"
79
79
  })([
80
80
  "width:100%;height:100%;"
81
81
  ]);
82
82
  var StyledBackgroundCircle = _styledcomponents.default.circle.withConfig({
83
83
  displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
84
- componentId: "sc-d9be2df8-1"
84
+ componentId: "sc-91481a88-1"
85
85
  })([
86
86
  "fill:none;r:",
87
87
  ";stroke:var(",
@@ -96,13 +96,13 @@ var StyledBackgroundCircle = _styledcomponents.default.circle.withConfig({
96
96
  });
97
97
  var StyledProgressCircle = _styledcomponents.default.circle.withConfig({
98
98
  displayName: "ProgressBarCircular.styles__StyledProgressCircle",
99
- componentId: "sc-d9be2df8-2"
99
+ componentId: "sc-91481a88-2"
100
100
  })([
101
101
  "--percentage:",
102
102
  ";--radius:",
103
103
  ";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(",
104
104
  ");stroke-width:",
105
- ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s linear;"
105
+ ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;"
106
106
  ], function(param) {
107
107
  var percent = param.percent;
108
108
  return percent !== null && percent !== void 0 ? percent : 0;
@@ -115,7 +115,7 @@ var StyledProgressCircle = _styledcomponents.default.circle.withConfig({
115
115
  });
116
116
  var StyledContent = _styledcomponents.default.div.withConfig({
117
117
  displayName: "ProgressBarCircular.styles__StyledContent",
118
- componentId: "sc-d9be2df8-3"
118
+ componentId: "sc-91481a88-3"
119
119
  })([
120
120
  "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
121
121
  ");font-family:var(",
@@ -88,7 +88,6 @@ _export_star(require("./components/InformationWrapper"), exports);
88
88
  _export_star(require("./components/NavigationDrawer"), exports);
89
89
  _export_star(require("./components/ProgressBarCircular"), exports);
90
90
  _export_star(require("./components/TimePicker"), exports);
91
- _export_star(require("./components/Loader"), exports);
92
91
  function _export_star(from, to) {
93
92
  Object.keys(from).forEach(function(k) {
94
93
  if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
@@ -8,13 +8,13 @@ export var base = css([
8
8
  ], tokens.height, tokens.height);
9
9
  export var StyledSVG = styled.svg.withConfig({
10
10
  displayName: "ProgressBarCircular.styles__StyledSVG",
11
- componentId: "sc-d9be2df8-0"
11
+ componentId: "sc-91481a88-0"
12
12
  })([
13
13
  "width:100%;height:100%;"
14
14
  ]);
15
15
  export var StyledBackgroundCircle = styled.circle.withConfig({
16
16
  displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
17
- componentId: "sc-d9be2df8-1"
17
+ componentId: "sc-91481a88-1"
18
18
  })([
19
19
  "fill:none;r:",
20
20
  ";stroke:var(",
@@ -29,13 +29,13 @@ export var StyledBackgroundCircle = styled.circle.withConfig({
29
29
  });
30
30
  export var StyledProgressCircle = styled.circle.withConfig({
31
31
  displayName: "ProgressBarCircular.styles__StyledProgressCircle",
32
- componentId: "sc-d9be2df8-2"
32
+ componentId: "sc-91481a88-2"
33
33
  })([
34
34
  "--percentage:",
35
35
  ";--radius:",
36
36
  ";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(",
37
37
  ");stroke-width:",
38
- ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s linear;"
38
+ ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;"
39
39
  ], function(param) {
40
40
  var percent = param.percent;
41
41
  return percent !== null && percent !== void 0 ? percent : 0;
@@ -48,7 +48,7 @@ export var StyledProgressCircle = styled.circle.withConfig({
48
48
  });
49
49
  export var StyledContent = styled.div.withConfig({
50
50
  displayName: "ProgressBarCircular.styles__StyledContent",
51
- componentId: "sc-d9be2df8-3"
51
+ componentId: "sc-91481a88-3"
52
52
  })([
53
53
  "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
54
54
  ");font-family:var(",
@@ -0,0 +1,7 @@
1
+ import { component, mergeConfig } from "../../../engines";
2
+ import { comboboxNewConfig } from "../../..";
3
+ import { config } from "./Combobox.config";
4
+ var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
+ var ComboboxComponent = component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
7
+ export { Combobox };
@@ -86,4 +86,3 @@ export * from "./components/InformationWrapper";
86
86
  export * from "./components/NavigationDrawer";
87
87
  export * from "./components/ProgressBarCircular";
88
88
  export * from "./components/TimePicker";
89
- export * from "./components/Loader";
package/types/index.d.ts CHANGED
@@ -85,5 +85,4 @@ export * from './components/InformationWrapper';
85
85
  export * from './components/NavigationDrawer';
86
86
  export * from './components/ProgressBarCircular';
87
87
  export * from './components/TimePicker';
88
- export * from './components/Loader';
89
88
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC"}
@@ -1,16 +0,0 @@
1
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
2
-
3
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
4
-
5
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
6
- .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
7
-
8
- .ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
9
- .ProgressBarCircular_styles_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
10
- .ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
11
- .ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
12
- .ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
13
-
14
- .Loader_styles_1i0a33d_b1pysjlh__1de0e3cd{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaLoaderSmallBlur__1de0e3cd{-webkit-backdrop-filter:blur(1.6875rem);backdrop-filter:blur(1.6875rem);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaLoaderMediumBlur__1de0e3cd{-webkit-backdrop-filter:blur(2.3125rem);backdrop-filter:blur(2.3125rem);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaLoaderLargeBlur__1de0e3cd{-webkit-backdrop-filter:blur(3.125rem);backdrop-filter:blur(3.125rem);}.Loader_styles_1i0a33d_b1pysjlh__1de0e3cd.Loader_styles_1i0a33d__PlasmaProgressbarCircularBackgroundCircle__1de0e3cd{background:var(--plasma_private-loader-overlay-color);}
15
- .Loader_styles_1i0a33d_s14s1lcu__1de0e3cd{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
16
- .Loader_styles_1i0a33d_s14gpc11__1de0e3cd{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
@@ -1,83 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var cls = require('classnames');
8
- var base = require('./variations/_view/base.js');
9
- var base$1 = require('./variations/_size/base.js');
10
- var Loader_styles = require('./Loader.styles.js');
11
- var Loader_tokens = require('./Loader.tokens.js');
12
-
13
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefault(React);
16
- var cls__default = /*#__PURE__*/_interopDefault(cls);
17
-
18
- var _excluded = ["type", "hasBlur", "hasOverlay", "value", "blur", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeWidth", "style"];
19
- var loaderRoot = function loaderRoot(Root) {
20
- return /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var _props$type = props.type,
22
- type = _props$type === void 0 ? 'spinner' : _props$type,
23
- _props$hasBlur = props.hasBlur,
24
- hasBlur = _props$hasBlur === void 0 ? false : _props$hasBlur,
25
- _props$hasOverlay = props.hasOverlay,
26
- hasOverlay = _props$hasOverlay === void 0 ? false : _props$hasOverlay,
27
- _props$value = props.value,
28
- value = _props$value === void 0 ? 0 : _props$value,
29
- _props$blur = props.blur,
30
- blur = _props$blur === void 0 ? 'medium' : _props$blur,
31
- overlayColor = props.overlayColor,
32
- _props$maxValue = props.maxValue,
33
- maxValue = _props$maxValue === void 0 ? 100 : _props$maxValue,
34
- size = props.size,
35
- view = props.view,
36
- children = props.children,
37
- className = props.className,
38
- strokeWidth = props.strokeWidth,
39
- style = props.style,
40
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
41
- var blurClass = hasBlur ? Loader_tokens.classes["".concat(blur, "LoaderBlur")] : '';
42
- return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
43
- ref: ref,
44
- view: view,
45
- size: size,
46
- className: cls__default.default(className, blurClass, _rollupPluginBabelHelpers.defineProperty({}, Loader_tokens.classes.loaderHasOverlay, hasOverlay)),
47
- style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
48
- '--plasma_private-loader-overlay-color': overlayColor || "var(".concat(Loader_tokens.tokens.overlayColor, ")")
49
- })
50
- }, rest), type === 'spinner' ? /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledSpinner, {
51
- size: size,
52
- view: view
53
- }) : /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledProgressBarCircular, {
54
- value: value,
55
- maxValue: maxValue,
56
- strokeWidth: strokeWidth,
57
- size: size,
58
- view: view
59
- }, children));
60
- });
61
- };
62
- var loaderConfig = {
63
- name: 'Loader',
64
- tag: 'div',
65
- layout: loaderRoot,
66
- base: Loader_styles.base,
67
- variations: {
68
- view: {
69
- css: base.base
70
- },
71
- size: {
72
- css: base$1.base
73
- }
74
- },
75
- defaults: {
76
- view: 'primary',
77
- size: 'm'
78
- }
79
- };
80
-
81
- exports.loaderConfig = loaderConfig;
82
- exports.loaderRoot = loaderRoot;
83
- //# sourceMappingURL=Loader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport { base, StyledProgressBarCircular, StyledSpinner } from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n const {\n type = 'spinner',\n hasBlur = false,\n hasOverlay = false,\n value = 0,\n blur = 'medium',\n overlayColor,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeWidth,\n style,\n ...rest\n } = props;\n\n const blurClass = hasBlur ? classes[`${blur}LoaderBlur` as keyof typeof classes] : '';\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n className={cls(className, blurClass, { [classes.loaderHasOverlay]: hasOverlay })}\n style={\n {\n ...style,\n '--plasma_private-loader-overlay-color': overlayColor || `var(${tokens.overlayColor})`,\n } as CSSProperties\n }\n {...rest}\n >\n {type === 'spinner' ? (\n <StyledSpinner size={size} view={view} />\n ) : (\n <StyledProgressBarCircular\n value={value}\n maxValue={maxValue}\n strokeWidth={strokeWidth}\n size={size}\n view={view}\n >\n {children}\n </StyledProgressBarCircular>\n )}\n </Root>\n );\n });\n\nexport const loaderConfig = {\n name: 'Loader',\n tag: 'div',\n layout: loaderRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasBlur","hasBlur","_props$hasOverlay","hasOverlay","_props$value","value","_props$blur","blur","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeWidth","style","rest","_objectWithoutProperties","_excluded","blurClass","classes","concat","React","createElement","_extends","cls","_defineProperty","loaderHasOverlay","_objectSpread","tokens","StyledSpinner","StyledProgressBarCircular","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,36 +0,0 @@
1
- require('./Loader.styles_1i0a33d.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var common = require('../../engines/common.js');
8
- var Spinner$1 = require('../Spinner/Spinner.js');
9
- var ProgressBarCircular$1 = require('../ProgressBarCircular/ProgressBarCircular.js');
10
-
11
- var mergedSpinnerConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
12
- var Spinner = /*#__PURE__*/common.component(mergedSpinnerConfig);
13
- var mergedProgressBarCircularConfig = /*#__PURE__*/common.mergeConfig(ProgressBarCircular$1.progressBarCircularConfig);
14
- var ProgressBarCircular = /*#__PURE__*/common.component(mergedProgressBarCircularConfig);
15
- var base = "b1pysjlh";
16
- var _exp11 = function _exp11() {
17
- return Spinner;
18
- };
19
- var StyledSpinner = /*#__PURE__*/react.styled(_exp11())({
20
- name: "StyledSpinner",
21
- "class": "s14s1lcu",
22
- propsAsIs: true
23
- });
24
- var _exp16 = function _exp16() {
25
- return ProgressBarCircular;
26
- };
27
- var StyledProgressBarCircular = /*#__PURE__*/react.styled(_exp16())({
28
- name: "StyledProgressBarCircular",
29
- "class": "s14gpc11",
30
- propsAsIs: true
31
- });
32
-
33
- exports.StyledProgressBarCircular = StyledProgressBarCircular;
34
- exports.StyledSpinner = StyledSpinner;
35
- exports.base = base;
36
- //# sourceMappingURL=Loader.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Loader.styles.js","sources":["../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { applyBlur } from 'src/mixins';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens, classes, privateTokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n &.${classes.smallLoaderBlur} {\n ${applyBlur('small')}\n }\n\n &.${classes.mediumLoaderBlur} {\n ${applyBlur('medium')}\n }\n\n &.${classes.largeLoaderBlur} {\n ${applyBlur('large')}\n }\n\n &.${classes.loaderHasOverlay} {\n background: var(${privateTokens.loaderOverlayColor});\n }\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp11","StyledSpinner","styled","name","class","propsAsIs","_exp16","StyledProgressBarCircular"],"mappings":";;;;;;;;;AAUA,IAAMA,mBAAmB,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,+BAA+B,gBAAGJ,kBAAW,CAACK,+CAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGH,gBAAS,CAACC,+BAA+B,CAAC,CAAA;AAE/D,IAAMG,IAAI,GAyBhB,WAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,YAAM,CAAAF,MAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,MAAA,GA7CgBA,SA6ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,YAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C;;;;;;"}
@@ -1,3 +0,0 @@
1
- .b1pysjlh{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}.b1pysjlh.--plasma-loader-small-blur{-webkit-backdrop-filter:blur(1.6875rem);backdrop-filter:blur(1.6875rem);}.b1pysjlh.--plasma-loader-medium-blur{-webkit-backdrop-filter:blur(2.3125rem);backdrop-filter:blur(2.3125rem);}.b1pysjlh.--plasma-loader-large-blur{-webkit-backdrop-filter:blur(3.125rem);backdrop-filter:blur(3.125rem);}.b1pysjlh.--plasma-progressbar-circular-background-circle{background:var(--plasma_private-loader-overlay-color);}
2
- .s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
3
- .s14gpc11{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
@@ -1,35 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- smallLoaderBlur: '--plasma-loader-small-blur',
7
- mediumLoaderBlur: '--plasma-loader-medium-blur',
8
- largeLoaderBlur: '--plasma-loader-large-blur',
9
- loaderHasOverlay: '--plasma-progressbar-circular-background-circle'
10
- };
11
- var tokens = {
12
- width: '--plasma-loader-width',
13
- height: '--plasma-loader-height',
14
- progressBarCircularSize: '--plasma-loader-progressbar-circular-size',
15
- progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',
16
- progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',
17
- progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',
18
- progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',
19
- progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',
20
- progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',
21
- progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',
22
- progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',
23
- progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',
24
- progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',
25
- progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',
26
- progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',
27
- progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
28
- overlayColor: '--plasma-loader-overlay-color',
29
- spinnerSize: '--plasma-loader-spinner-size',
30
- spinnerColor: '--plasma-loader-spinner-color'
31
- };
32
-
33
- exports.classes = classes;
34
- exports.tokens = tokens;
35
- //# sourceMappingURL=Loader.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Loader.tokens.js","sources":["../../../src/components/Loader/Loader.tokens.ts"],"sourcesContent":["export const classes = {\n smallLoaderBlur: '--plasma-loader-small-blur',\n mediumLoaderBlur: '--plasma-loader-medium-blur',\n largeLoaderBlur: '--plasma-loader-large-blur',\n loaderHasOverlay: '--plasma-progressbar-circular-background-circle',\n};\n\nexport const tokens = {\n width: '--plasma-loader-width',\n height: '--plasma-loader-height',\n\n progressBarCircularSize: '--plasma-loader-progressbar-circular-size',\n progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',\n progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',\n\n progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',\n progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',\n\n progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',\n progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',\n\n progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',\n progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',\n progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',\n progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',\n progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',\n progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',\n progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',\n\n overlayColor: '--plasma-loader-overlay-color',\n\n spinnerSize: '--plasma-loader-spinner-size',\n spinnerColor: '--plasma-loader-spinner-color',\n};\n\nexport const privateTokens = {\n loaderOverlayColor: '--plasma_private-loader-overlay-color',\n loaderBlur: '--plasma_private-loader-blur',\n};\n"],"names":["classes","smallLoaderBlur","mediumLoaderBlur","largeLoaderBlur","loaderHasOverlay","tokens","width","height","progressBarCircularSize","progressBarCircularWidth","progressBarCircularHeight","progressBarCircularStrokeWidth","progressBarCircularStrokeSize","progressBarCircularBackgroundStroke","progressBarCircularStroke","progressBarCircularContentColor","progressBarCircularContentFontFamily","progressBarCircularContentFontSize","progressBarCircularContentFontStyle","progressBarCircularContentFontWeight","progressBarCircularContentLetterSpacing","progressBarCircularContentLineHeight","overlayColor","spinnerSize","spinnerColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,iDAAA;AACtB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,MAAM,EAAE,wBAAwB;AAEhCC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,yBAAyB,EAAE,6CAA6C;AAExEC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,6BAA6B,EAAE,kDAAkD;AAEjFC,EAAAA,mCAAmC,EAAE,wDAAwD;AAC7FC,EAAAA,yBAAyB,EAAE,sDAAsD;AAEjFC,EAAAA,+BAA+B,EAAE,oDAAoD;AACrFC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,kCAAkC,EAAE,wDAAwD;AAC5FC,EAAAA,mCAAmC,EAAE,yDAAyD;AAC9FC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,oCAAoC,EAAE,0DAA0D;AAEhGC,EAAAA,YAAY,EAAE,+BAA+B;AAE7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,YAAY,EAAE,+BAAA;AAClB;;;;;"}
@@ -1,9 +0,0 @@
1
- require('./base_x642ct.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "bvnn4g7";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Loader/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- require('./base_x642ct.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "bwnzsan";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Loader/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,205 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get loaderConfig () {
13
- return loaderConfig;
14
- },
15
- get loaderRoot () {
16
- return loaderRoot;
17
- }
18
- });
19
- var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
- var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
21
- var _base = require("./variations/_view/base");
22
- var _base1 = require("./variations/_size/base");
23
- var _Loaderstyles = require("./Loader.styles");
24
- var _Loadertokens = require("./Loader.tokens");
25
- function _define_property(obj, key, value) {
26
- if (key in obj) {
27
- Object.defineProperty(obj, key, {
28
- value: value,
29
- enumerable: true,
30
- configurable: true,
31
- writable: true
32
- });
33
- } else {
34
- obj[key] = value;
35
- }
36
- return obj;
37
- }
38
- function _interop_require_default(obj) {
39
- return obj && obj.__esModule ? obj : {
40
- default: obj
41
- };
42
- }
43
- function _getRequireWildcardCache(nodeInterop) {
44
- if (typeof WeakMap !== "function") return null;
45
- var cacheBabelInterop = new WeakMap();
46
- var cacheNodeInterop = new WeakMap();
47
- return (_getRequireWildcardCache = function(nodeInterop) {
48
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
49
- })(nodeInterop);
50
- }
51
- function _interop_require_wildcard(obj, nodeInterop) {
52
- if (!nodeInterop && obj && obj.__esModule) {
53
- return obj;
54
- }
55
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
56
- return {
57
- default: obj
58
- };
59
- }
60
- var cache = _getRequireWildcardCache(nodeInterop);
61
- if (cache && cache.has(obj)) {
62
- return cache.get(obj);
63
- }
64
- var newObj = {
65
- __proto__: null
66
- };
67
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
68
- for(var key in obj){
69
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
70
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
71
- if (desc && (desc.get || desc.set)) {
72
- Object.defineProperty(newObj, key, desc);
73
- } else {
74
- newObj[key] = obj[key];
75
- }
76
- }
77
- }
78
- newObj.default = obj;
79
- if (cache) {
80
- cache.set(obj, newObj);
81
- }
82
- return newObj;
83
- }
84
- function _object_spread(target) {
85
- for(var i = 1; i < arguments.length; i++){
86
- var source = arguments[i] != null ? arguments[i] : {};
87
- var ownKeys = Object.keys(source);
88
- if (typeof Object.getOwnPropertySymbols === "function") {
89
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
90
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
91
- }));
92
- }
93
- ownKeys.forEach(function(key) {
94
- _define_property(target, key, source[key]);
95
- });
96
- }
97
- return target;
98
- }
99
- function ownKeys(object, enumerableOnly) {
100
- var keys = Object.keys(object);
101
- if (Object.getOwnPropertySymbols) {
102
- var symbols = Object.getOwnPropertySymbols(object);
103
- if (enumerableOnly) {
104
- symbols = symbols.filter(function(sym) {
105
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
106
- });
107
- }
108
- keys.push.apply(keys, symbols);
109
- }
110
- return keys;
111
- }
112
- function _object_spread_props(target, source) {
113
- source = source != null ? source : {};
114
- if (Object.getOwnPropertyDescriptors) {
115
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
116
- } else {
117
- ownKeys(Object(source)).forEach(function(key) {
118
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
119
- });
120
- }
121
- return target;
122
- }
123
- function _object_without_properties(source, excluded) {
124
- if (source == null) return {};
125
- var target = _object_without_properties_loose(source, excluded);
126
- var key, i;
127
- if (Object.getOwnPropertySymbols) {
128
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
129
- for(i = 0; i < sourceSymbolKeys.length; i++){
130
- key = sourceSymbolKeys[i];
131
- if (excluded.indexOf(key) >= 0) continue;
132
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
133
- target[key] = source[key];
134
- }
135
- }
136
- return target;
137
- }
138
- function _object_without_properties_loose(source, excluded) {
139
- if (source == null) return {};
140
- var target = {};
141
- var sourceKeys = Object.keys(source);
142
- var key, i;
143
- for(i = 0; i < sourceKeys.length; i++){
144
- key = sourceKeys[i];
145
- if (excluded.indexOf(key) >= 0) continue;
146
- target[key] = source[key];
147
- }
148
- return target;
149
- }
150
- var loaderRoot = function(Root) {
151
- return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
152
- var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasBlur = props.hasBlur, hasBlur = _props_hasBlur === void 0 ? false : _props_hasBlur, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_blur = props.blur, blur = _props_blur === void 0 ? 'medium' : _props_blur, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, style = props.style, rest = _object_without_properties(props, [
153
- "type",
154
- "hasBlur",
155
- "hasOverlay",
156
- "value",
157
- "blur",
158
- "overlayColor",
159
- "maxValue",
160
- "size",
161
- "view",
162
- "children",
163
- "className",
164
- "strokeWidth",
165
- "style"
166
- ]);
167
- var blurClass = hasBlur ? _Loadertokens.classes["".concat(blur, "LoaderBlur")] : '';
168
- return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
169
- ref: ref,
170
- view: view,
171
- size: size,
172
- className: (0, _classnames.default)(className, blurClass, _define_property({}, _Loadertokens.classes.loaderHasOverlay, hasOverlay)),
173
- style: _object_spread_props(_object_spread({}, style), {
174
- '--plasma_private-loader-overlay-color': overlayColor || "var(".concat(_Loadertokens.tokens.overlayColor, ")")
175
- })
176
- }, rest), type === 'spinner' ? /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledSpinner, {
177
- size: size,
178
- view: view
179
- }) : /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledProgressBarCircular, {
180
- value: value,
181
- maxValue: maxValue,
182
- strokeWidth: strokeWidth,
183
- size: size,
184
- view: view
185
- }, children));
186
- });
187
- };
188
- var loaderConfig = {
189
- name: 'Loader',
190
- tag: 'div',
191
- layout: loaderRoot,
192
- base: _Loaderstyles.base,
193
- variations: {
194
- view: {
195
- css: _base.base
196
- },
197
- size: {
198
- css: _base1.base
199
- }
200
- },
201
- defaults: {
202
- view: 'primary',
203
- size: 'm'
204
- }
205
- };