@salutejs/plasma-new-hope 0.336.0-canary.2238.17818313113.0 → 0.336.0-canary.2239.17794430722.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 (209) hide show
  1. package/cjs/components/Attach/Attach.css +7 -9
  2. package/cjs/components/Attach/Attach.js +59 -13
  3. package/cjs/components/Attach/Attach.js.map +1 -1
  4. package/cjs/components/Attach/Attach.styles.js +9 -21
  5. package/cjs/components/Attach/Attach.styles.js.map +1 -1
  6. package/cjs/components/Attach/Attach.styles_1w3ga58.css +5 -0
  7. package/cjs/components/Attach/Attach.tokens.js +0 -1
  8. package/cjs/components/Attach/Attach.tokens.js.map +1 -1
  9. package/cjs/components/Attach/utils/addSeparator.js +18 -0
  10. package/cjs/components/Attach/utils/addSeparator.js.map +1 -0
  11. package/cjs/components/Attach/utils/getFileicon.js +2 -2
  12. package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
  13. package/cjs/components/Attach/utils/index.js +8 -0
  14. package/cjs/components/Attach/utils/index.js.map +1 -0
  15. package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
  16. package/cjs/components/Attach/variations/_helperTextView/base_1vgke1p.css +1 -0
  17. package/cjs/components/Attach/variations/_size/base.js +1 -1
  18. package/cjs/components/Attach/variations/_size/base.js.map +1 -1
  19. package/{es/components/Attach/variations/_size/base_kpo9at.css → cjs/components/Attach/variations/_size/base_a4eelx.css} +1 -1
  20. package/cjs/components/Drawer/Drawer.css +2 -2
  21. package/cjs/components/Drawer/Drawer.js +7 -10
  22. package/cjs/components/Drawer/Drawer.js.map +1 -1
  23. package/cjs/components/Drawer/Drawer.styles.js +2 -17
  24. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  25. package/{es/components/Drawer/Drawer.styles_1gcp61n.css → cjs/components/Drawer/Drawer.styles_h5od79.css} +1 -1
  26. package/cjs/components/Drawer/Drawer.tokens.js +0 -10
  27. package/cjs/components/Drawer/Drawer.tokens.js.map +1 -1
  28. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.css +1 -1
  29. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +4 -10
  30. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  31. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +1 -2
  32. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map +1 -1
  33. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
  34. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js.map +1 -1
  35. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base_1wf7n5i.css +1 -0
  36. package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +1 -4
  37. package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
  38. package/cjs/components/Skeleton/tokens.js +1 -2
  39. package/cjs/components/Skeleton/tokens.js.map +1 -1
  40. package/cjs/index.css +10 -12
  41. package/emotion/cjs/components/Attach/Attach.js +51 -12
  42. package/emotion/cjs/components/Attach/Attach.styles.js +13 -28
  43. package/emotion/cjs/components/Attach/Attach.tokens.js +0 -1
  44. package/emotion/cjs/components/Attach/utils/addSeparator.js +20 -0
  45. package/emotion/cjs/components/Attach/utils/getFileicon.js +3 -3
  46. package/emotion/cjs/components/Attach/utils/index.js +10 -2
  47. package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
  48. package/emotion/cjs/components/Drawer/Drawer.js +4 -13
  49. package/emotion/cjs/components/Drawer/Drawer.styles.js +4 -10
  50. package/emotion/cjs/components/Drawer/Drawer.tokens.js +0 -12
  51. package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +5 -11
  52. package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +4 -5
  53. package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +3 -1
  54. package/emotion/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +2 -4
  55. package/emotion/cjs/components/Skeleton/tokens.js +1 -2
  56. package/emotion/cjs/examples/components/Attach/Attach.config.js +18 -18
  57. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  58. package/emotion/cjs/examples/components/Skeleton/LineSkeleton.config.js +18 -23
  59. package/emotion/es/components/Attach/Attach.js +55 -16
  60. package/emotion/es/components/Attach/Attach.styles.js +11 -20
  61. package/emotion/es/components/Attach/Attach.tokens.js +0 -1
  62. package/emotion/es/components/Attach/utils/addSeparator.js +10 -0
  63. package/emotion/es/components/Attach/utils/getFileicon.js +1 -1
  64. package/emotion/es/components/Attach/utils/index.js +3 -1
  65. package/emotion/es/components/Attach/variations/_size/base.js +2 -2
  66. package/emotion/es/components/Drawer/Drawer.js +5 -9
  67. package/emotion/es/components/Drawer/Drawer.styles.js +5 -11
  68. package/emotion/es/components/Drawer/Drawer.tokens.js +0 -9
  69. package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.js +5 -11
  70. package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +4 -5
  71. package/emotion/es/components/Skeleton/LineSkeleton/variations/_size/base.js +3 -1
  72. package/emotion/es/components/Skeleton/TextSkeleton/TextSkeleton.js +2 -4
  73. package/emotion/es/components/Skeleton/tokens.js +1 -2
  74. package/emotion/es/examples/components/Attach/Attach.config.js +18 -18
  75. package/emotion/es/examples/components/Skeleton/LineSkeleton.config.js +18 -23
  76. package/es/components/Attach/Attach.css +7 -9
  77. package/es/components/Attach/Attach.js +63 -17
  78. package/es/components/Attach/Attach.js.map +1 -1
  79. package/es/components/Attach/Attach.styles.js +9 -19
  80. package/es/components/Attach/Attach.styles.js.map +1 -1
  81. package/es/components/Attach/Attach.styles_1w3ga58.css +5 -0
  82. package/es/components/Attach/Attach.tokens.js +0 -1
  83. package/es/components/Attach/Attach.tokens.js.map +1 -1
  84. package/es/components/Attach/utils/addSeparator.js +14 -0
  85. package/es/components/Attach/utils/addSeparator.js.map +1 -0
  86. package/es/components/Attach/utils/getFileicon.js +2 -2
  87. package/es/components/Attach/utils/getFileicon.js.map +1 -1
  88. package/es/components/Attach/utils/index.js +4 -0
  89. package/es/components/Attach/utils/index.js.map +1 -0
  90. package/es/components/Attach/variations/_helperTextView/base.js +1 -1
  91. package/es/components/Attach/variations/_helperTextView/base_1vgke1p.css +1 -0
  92. package/es/components/Attach/variations/_size/base.js +1 -1
  93. package/es/components/Attach/variations/_size/base.js.map +1 -1
  94. package/{cjs/components/Attach/variations/_size/base_kpo9at.css → es/components/Attach/variations/_size/base_a4eelx.css} +1 -1
  95. package/es/components/Drawer/Drawer.css +2 -2
  96. package/es/components/Drawer/Drawer.js +6 -8
  97. package/es/components/Drawer/Drawer.js.map +1 -1
  98. package/es/components/Drawer/Drawer.styles.js +2 -17
  99. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  100. package/{cjs/components/Drawer/Drawer.styles_1gcp61n.css → es/components/Drawer/Drawer.styles_h5od79.css} +1 -1
  101. package/es/components/Drawer/Drawer.tokens.js +1 -10
  102. package/es/components/Drawer/Drawer.tokens.js.map +1 -1
  103. package/es/components/Skeleton/LineSkeleton/LineSkeleton.css +1 -1
  104. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +4 -10
  105. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  106. package/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +1 -2
  107. package/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map +1 -1
  108. package/es/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
  109. package/es/components/Skeleton/LineSkeleton/variations/_size/base.js.map +1 -1
  110. package/es/components/Skeleton/LineSkeleton/variations/_size/base_1wf7n5i.css +1 -0
  111. package/es/components/Skeleton/TextSkeleton/TextSkeleton.js +1 -4
  112. package/es/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
  113. package/es/components/Skeleton/tokens.js +1 -2
  114. package/es/components/Skeleton/tokens.js.map +1 -1
  115. package/es/index.css +10 -12
  116. package/package.json +5 -5
  117. package/styled-components/cjs/components/Attach/Attach.js +51 -12
  118. package/styled-components/cjs/components/Attach/Attach.styles.js +11 -31
  119. package/styled-components/cjs/components/Attach/Attach.tokens.js +0 -1
  120. package/styled-components/cjs/components/Attach/utils/addSeparator.js +20 -0
  121. package/styled-components/cjs/components/Attach/utils/getFileicon.js +3 -3
  122. package/styled-components/cjs/components/Attach/utils/index.js +10 -2
  123. package/styled-components/cjs/components/Attach/variations/_size/base.js +1 -2
  124. package/styled-components/cjs/components/Drawer/Drawer.js +4 -13
  125. package/styled-components/cjs/components/Drawer/Drawer.styles.js +4 -17
  126. package/styled-components/cjs/components/Drawer/Drawer.tokens.js +0 -12
  127. package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +5 -11
  128. package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +2 -3
  129. package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +7 -2
  130. package/styled-components/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +2 -4
  131. package/styled-components/cjs/components/Skeleton/tokens.js +1 -2
  132. package/styled-components/cjs/examples/components/Attach/Attach.config.js +4 -8
  133. package/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js +1 -12
  134. package/styled-components/es/components/Attach/Attach.js +55 -16
  135. package/styled-components/es/components/Attach/Attach.styles.js +9 -23
  136. package/styled-components/es/components/Attach/Attach.tokens.js +0 -1
  137. package/styled-components/es/components/Attach/utils/addSeparator.js +10 -0
  138. package/styled-components/es/components/Attach/utils/getFileicon.js +1 -1
  139. package/styled-components/es/components/Attach/utils/index.js +3 -1
  140. package/styled-components/es/components/Attach/variations/_size/base.js +2 -3
  141. package/styled-components/es/components/Drawer/Drawer.js +5 -9
  142. package/styled-components/es/components/Drawer/Drawer.styles.js +5 -18
  143. package/styled-components/es/components/Drawer/Drawer.tokens.js +0 -9
  144. package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.js +5 -11
  145. package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +2 -3
  146. package/styled-components/es/components/Skeleton/LineSkeleton/variations/_size/base.js +7 -2
  147. package/styled-components/es/components/Skeleton/TextSkeleton/TextSkeleton.js +2 -4
  148. package/styled-components/es/components/Skeleton/tokens.js +1 -2
  149. package/styled-components/es/examples/components/Attach/Attach.config.js +4 -8
  150. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  151. package/styled-components/es/examples/components/Skeleton/LineSkeleton.config.js +1 -12
  152. package/types/components/Attach/Attach.d.ts.map +1 -1
  153. package/types/components/Attach/Attach.styles.d.ts +1 -3
  154. package/types/components/Attach/Attach.styles.d.ts.map +1 -1
  155. package/types/components/Attach/Attach.tokens.d.ts +0 -1
  156. package/types/components/Attach/Attach.tokens.d.ts.map +1 -1
  157. package/types/components/Attach/Attach.types.d.ts +0 -7
  158. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  159. package/types/components/Attach/utils/addSeparator.d.ts +2 -0
  160. package/types/components/Attach/utils/addSeparator.d.ts.map +1 -0
  161. package/types/components/Attach/utils/getFileicon.d.ts +1 -1
  162. package/types/components/Attach/utils/index.d.ts +3 -1
  163. package/types/components/Attach/utils/index.d.ts.map +1 -1
  164. package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
  165. package/types/components/Drawer/Drawer.d.ts +0 -2
  166. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  167. package/types/components/Drawer/Drawer.styles.d.ts +1 -2
  168. package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
  169. package/types/components/Drawer/Drawer.tokens.d.ts +0 -9
  170. package/types/components/Drawer/Drawer.tokens.d.ts.map +1 -1
  171. package/types/components/Drawer/Drawer.types.d.ts +0 -16
  172. package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
  173. package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts +0 -3
  174. package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts.map +1 -1
  175. package/types/components/Skeleton/LineSkeleton/LineSkeleton.styles.d.ts.map +1 -1
  176. package/types/components/Skeleton/LineSkeleton/LineSkeleton.types.d.ts +1 -1
  177. package/types/components/Skeleton/LineSkeleton/LineSkeleton.types.d.ts.map +1 -1
  178. package/types/components/Skeleton/LineSkeleton/variations/_size/base.d.ts.map +1 -1
  179. package/types/components/Skeleton/Skeleton.types.d.ts +0 -1
  180. package/types/components/Skeleton/Skeleton.types.d.ts.map +1 -1
  181. package/types/components/Skeleton/TextSkeleton/TextSkeleton.d.ts.map +1 -1
  182. package/types/components/Skeleton/tokens.d.ts +0 -1
  183. package/types/components/Skeleton/tokens.d.ts.map +1 -1
  184. package/types/examples/components/Attach/Attach.config.d.ts.map +1 -1
  185. package/types/examples/components/Attach/Attach.d.ts.map +1 -1
  186. package/types/examples/components/Drawer/Drawer.d.ts +0 -1
  187. package/types/examples/components/Drawer/Drawer.d.ts.map +1 -1
  188. package/types/examples/components/Skeleton/LineSkeleton.config.d.ts +0 -5
  189. package/types/examples/components/Skeleton/LineSkeleton.config.d.ts.map +1 -1
  190. package/types/examples/components/Skeleton/Skeleton.d.ts +0 -8
  191. package/types/examples/components/Skeleton/Skeleton.d.ts.map +1 -1
  192. package/cjs/components/Attach/Attach.styles_pso18d.css +0 -7
  193. package/cjs/components/Attach/variations/_helperTextView/base_1tgnvl9.css +0 -1
  194. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base_x642ct.css +0 -1
  195. package/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +0 -9
  196. package/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js.map +0 -1
  197. package/cjs/components/Skeleton/LineSkeleton/variations/_view/base_1it9pjr.css +0 -1
  198. package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +0 -14
  199. package/emotion/es/components/Skeleton/LineSkeleton/variations/_view/base.js +0 -4
  200. package/es/components/Attach/Attach.styles_pso18d.css +0 -7
  201. package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css +0 -1
  202. package/es/components/Skeleton/LineSkeleton/variations/_size/base_x642ct.css +0 -1
  203. package/es/components/Skeleton/LineSkeleton/variations/_view/base.js +0 -5
  204. package/es/components/Skeleton/LineSkeleton/variations/_view/base.js.map +0 -1
  205. package/es/components/Skeleton/LineSkeleton/variations/_view/base_1it9pjr.css +0 -1
  206. package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +0 -19
  207. package/styled-components/es/components/Skeleton/LineSkeleton/variations/_view/base.js +0 -9
  208. package/types/components/Skeleton/LineSkeleton/variations/_view/base.d.ts +0 -2
  209. package/types/components/Skeleton/LineSkeleton/variations/_view/base.d.ts.map +0 -1
@@ -12,9 +12,6 @@ _export(exports, {
12
12
  get classes () {
13
13
  return classes;
14
14
  },
15
- get privateTokens () {
16
- return privateTokens;
17
- },
18
15
  get tokens () {
19
16
  return tokens;
20
17
  }
@@ -24,9 +21,6 @@ var classes = {
24
21
  header: 'drawer-header',
25
22
  footer: 'drawer-footer',
26
23
  overlay: 'drawer-overlay',
27
- panel: 'drawer-panel',
28
- enterCustomAnimation: 'drawer-enter-custom-animation',
29
- exitCustomAnimation: 'drawer-exit-custom-animation',
30
24
  horizontal: 'drawer-horizontal',
31
25
  hasHeader: 'drawer-has-header',
32
26
  isRightClose: 'drawer-right-close-button',
@@ -35,12 +29,6 @@ var classes = {
35
29
  rightPlacement: 'drawer-right-placement',
36
30
  leftPlacement: 'drawer-left-placement'
37
31
  };
38
- var privateTokens = {
39
- enterAnimation: '--plasma__private-drawer-enter-animation',
40
- exitAnimation: '--plasma__private-drawer-exit-animation',
41
- customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
42
- customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
43
- };
44
32
  var tokens = {
45
33
  drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
46
34
  drawerOverlayColor: '--plasma-drawer-overlay-color',
@@ -19,7 +19,6 @@ _export(exports, {
19
19
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  var _mixins = require("../../../mixins");
21
21
  var _base = require("./variations/_size/base");
22
- var _base1 = require("./variations/_view/base");
23
22
  var _LineSkeletonstyles = require("./LineSkeleton.styles");
24
23
  function _define_property(obj, key, value) {
25
24
  if (key in obj) {
@@ -119,24 +118,22 @@ function _object_without_properties_loose(source, excluded) {
119
118
  }
120
119
  var lineSkeletonRoot = function(Root) {
121
120
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
122
- var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, view = _param.view, rest = _object_without_properties(_param, [
121
+ var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, rest = _object_without_properties(_param, [
123
122
  "size",
124
123
  "lighter",
125
124
  "customGradientColor",
126
- "roundness",
127
- "view"
125
+ "roundness"
128
126
  ]);
129
127
  var roundnessValue = (0, _mixins.getRoundness)({
130
128
  roundness: roundness
131
129
  });
132
- var skeletonGradientColor = lighter ? (0, _mixins.getSkeletonColor)({
130
+ var skeletonGradientColor = (0, _mixins.getSkeletonColor)({
133
131
  lighter: lighter,
134
132
  customGradientColor: customGradientColor
135
- }) : undefined;
133
+ });
136
134
  return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
137
135
  ref: outerRootRef,
138
- size: size,
139
- view: view
136
+ size: size
140
137
  }, rest), /*#__PURE__*/ _react.default.createElement(_LineSkeletonstyles.StyledVisibleLine, {
141
138
  roundness: roundnessValue,
142
139
  gradientColor: skeletonGradientColor
@@ -151,9 +148,6 @@ var lineSkeletonConfig = {
151
148
  variations: {
152
149
  size: {
153
150
  css: _base.base
154
- },
155
- view: {
156
- css: _base1.base
157
151
  }
158
152
  },
159
153
  defaults: {}
@@ -19,20 +19,19 @@ _export(exports, {
19
19
  var _react = require("@emotion/react");
20
20
  var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
21
21
  var _mixins = require("../../../mixins");
22
- var _tokens = require("../tokens");
23
22
  function _interop_require_default(obj) {
24
23
  return obj && obj.__esModule ? obj : {
25
24
  default: obj
26
25
  };
27
26
  }
28
- var base = (0, /*#__PURE__*/ _react.css)("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW9CIn0= */");
27
+ var base = (0, /*#__PURE__*/ _react.css)("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vQiJ9 */");
29
28
  var StyledVisibleLine = (0, /*#__PURE__*/ _styled.default)("div", {
30
- target: "e4hwyxn0",
29
+ target: "e9r372l0",
31
30
  label: "StyledVisibleLine"
32
31
  })("position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:", function(param) {
33
32
  var roundness = param.roundness;
34
33
  return roundness;
35
34
  }, ";", (0, _mixins.applyRoundness)('var(--plasma_private-line-skeleton-roundness)'), ";--plasma_private-line-skeleton-gradient:", function(param) {
36
35
  var gradientColor = param.gradientColor;
37
- return gradientColor || "var(".concat(_tokens.tokens.gradientColor, ")");
38
- }, ";", (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIn0= */");
36
+ return gradientColor;
37
+ }, ";", (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyJ9 */");
@@ -9,4 +9,6 @@ Object.defineProperty(exports, "base", {
9
9
  }
10
10
  });
11
11
  var _react = require("@emotion/react");
12
- var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");
12
+ var _LineSkeletonstyles = require("../../LineSkeleton.styles");
13
+ var _tokens = require("../../../tokens");
14
+ var base = (0, /*#__PURE__*/ _react.css)("height:var(", _tokens.tokens.lineHeight, ");& ", _LineSkeletonstyles.StyledVisibleLine, "{height:var(", _tokens.tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
@@ -195,14 +195,13 @@ var variousWidth = [
195
195
  ];
196
196
  var textSkeleton = function(Component) {
197
197
  return function(_param) {
198
- var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, props = _object_without_properties(_param, [
198
+ var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, props = _object_without_properties(_param, [
199
199
  "lines",
200
200
  "width",
201
201
  "roundness",
202
202
  "customGradientColor",
203
203
  "lighter",
204
- "size",
205
- "view"
204
+ "size"
206
205
  ]);
207
206
  var _useState = _sliced_to_array((0, _react.useState)(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
208
207
  var _useState1 = _sliced_to_array((0, _react.useState)([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -240,7 +239,6 @@ var textSkeleton = function(Component) {
240
239
  return /*#__PURE__*/ _react.default.createElement(ComponentSkeleton, {
241
240
  key: "line:".concat(i),
242
241
  size: size,
243
- view: view,
244
242
  roundness: roundness,
245
243
  customGradientColor: customGradientColor,
246
244
  lighter: lighter,
@@ -10,6 +10,5 @@ Object.defineProperty(exports, "tokens", {
10
10
  });
11
11
  var tokens = {
12
12
  lineHeight: '--plasma-skeleton-line-height',
13
- visibleLineHeight: '--plasma-skeleton-visible-line-height',
14
- gradientColor: '--plasma-skeleton-gradient-color'
13
+ visibleLineHeight: '--plasma-skeleton-visible-line-height'
15
14
  };