@salutejs/plasma-new-hope 0.343.0-canary.2378.20025711782.0 → 0.343.0-canary.2379.20029808045.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 (141) hide show
  1. package/cjs/components/Loader/Loader.css +7 -6
  2. package/cjs/components/Loader/Loader.js +9 -3
  3. package/cjs/components/Loader/Loader.js.map +1 -1
  4. package/cjs/components/Loader/Loader.styles.js +7 -1
  5. package/cjs/components/Loader/Loader.styles.js.map +1 -1
  6. package/cjs/components/Loader/{Loader.styles_xzuvzj.css → Loader.styles_18f91nf.css} +2 -1
  7. package/cjs/components/Loader/Loader.tokens.js +10 -1
  8. package/cjs/components/Loader/Loader.tokens.js.map +1 -1
  9. package/cjs/index.css +7 -10
  10. package/cjs/index.js +0 -6
  11. package/cjs/index.js.map +1 -1
  12. package/emotion/cjs/components/Loader/Loader.js +13 -4
  13. package/emotion/cjs/components/Loader/Loader.styles.js +18 -11
  14. package/emotion/cjs/components/Loader/Loader.tokens.js +10 -1
  15. package/emotion/cjs/examples/components/Loader/Loader.config.js +14 -14
  16. package/emotion/cjs/index.js +0 -1
  17. package/emotion/es/components/Loader/Loader.js +14 -5
  18. package/emotion/es/components/Loader/Loader.styles.js +15 -11
  19. package/emotion/es/components/Loader/Loader.tokens.js +10 -1
  20. package/emotion/es/examples/components/Loader/Loader.config.js +14 -14
  21. package/emotion/es/index.js +0 -1
  22. package/es/components/Loader/Loader.css +7 -6
  23. package/es/components/Loader/Loader.js +10 -4
  24. package/es/components/Loader/Loader.js.map +1 -1
  25. package/es/components/Loader/Loader.styles.js +7 -2
  26. package/es/components/Loader/Loader.styles.js.map +1 -1
  27. package/es/components/Loader/{Loader.styles_xzuvzj.css → Loader.styles_18f91nf.css} +2 -1
  28. package/es/components/Loader/Loader.tokens.js +10 -1
  29. package/es/components/Loader/Loader.tokens.js.map +1 -1
  30. package/es/index.css +7 -10
  31. package/es/index.js +0 -2
  32. package/es/index.js.map +1 -1
  33. package/package.json +5 -5
  34. package/styled-components/cjs/components/Loader/Loader.js +13 -4
  35. package/styled-components/cjs/components/Loader/Loader.styles.js +24 -6
  36. package/styled-components/cjs/components/Loader/Loader.tokens.js +10 -1
  37. package/styled-components/cjs/examples/components/Loader/Loader.config.js +99 -28
  38. package/styled-components/cjs/index.js +0 -1
  39. package/styled-components/es/components/Loader/Loader.js +14 -5
  40. package/styled-components/es/components/Loader/Loader.styles.js +21 -6
  41. package/styled-components/es/components/Loader/Loader.tokens.js +10 -1
  42. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  43. package/styled-components/es/examples/components/Loader/Loader.config.js +99 -28
  44. package/styled-components/es/index.js +0 -1
  45. package/types/components/Loader/Loader.d.ts.map +1 -1
  46. package/types/components/Loader/Loader.styles.d.ts +1 -0
  47. package/types/components/Loader/Loader.styles.d.ts.map +1 -1
  48. package/types/components/Loader/Loader.tokens.d.ts +9 -0
  49. package/types/components/Loader/Loader.tokens.d.ts.map +1 -1
  50. package/types/components/Loader/Loader.types.d.ts +9 -0
  51. package/types/components/Loader/Loader.types.d.ts.map +1 -1
  52. package/types/components/TextField/TextField.types.d.ts +1 -1
  53. package/types/examples/components/Loader/Loader.config.d.ts.map +1 -1
  54. package/types/index.d.ts +0 -1
  55. package/types/index.d.ts.map +1 -1
  56. package/cjs/components/_beta/Popover/Popover.js +0 -164
  57. package/cjs/components/_beta/Popover/Popover.js.map +0 -1
  58. package/cjs/components/_beta/Popover/Popover.styles.js +0 -23
  59. package/cjs/components/_beta/Popover/Popover.styles.js.map +0 -1
  60. package/cjs/components/_beta/Popover/Popover.styles_1iofnso.css +0 -3
  61. package/cjs/components/_beta/Popover/Popover.tokens.js +0 -22
  62. package/cjs/components/_beta/Popover/Popover.tokens.js.map +0 -1
  63. package/cjs/components/_beta/Popover/Popover_1ed9tky.css +0 -2
  64. package/cjs/components/_beta/Popover/utils/sizeToIconSize.js +0 -10
  65. package/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map +0 -1
  66. package/emotion/cjs/components/_beta/Popover/Popover.js +0 -327
  67. package/emotion/cjs/components/_beta/Popover/Popover.styles.js +0 -38
  68. package/emotion/cjs/components/_beta/Popover/Popover.tokens.js +0 -32
  69. package/emotion/cjs/components/_beta/Popover/Popover.types.js +0 -4
  70. package/emotion/cjs/components/_beta/Popover/index.js +0 -26
  71. package/emotion/cjs/components/_beta/Popover/utils/index.js +0 -18
  72. package/emotion/cjs/components/_beta/Popover/utils/sizeToIconSize.js +0 -13
  73. package/emotion/cjs/components/_beta/index.js +0 -18
  74. package/emotion/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -28
  75. package/emotion/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -28
  76. package/emotion/cjs/examples/components/_beta/Popover/Popover.js +0 -39
  77. package/emotion/es/components/_beta/Popover/Popover.js +0 -263
  78. package/emotion/es/components/_beta/Popover/Popover.styles.js +0 -12
  79. package/emotion/es/components/_beta/Popover/Popover.tokens.js +0 -14
  80. package/emotion/es/components/_beta/Popover/Popover.types.js +0 -1
  81. package/emotion/es/components/_beta/Popover/index.js +0 -2
  82. package/emotion/es/components/_beta/Popover/utils/index.js +0 -1
  83. package/emotion/es/components/_beta/Popover/utils/sizeToIconSize.js +0 -3
  84. package/emotion/es/components/_beta/index.js +0 -1
  85. package/emotion/es/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -18
  86. package/emotion/es/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -18
  87. package/emotion/es/examples/components/_beta/Popover/Popover.js +0 -18
  88. package/es/components/_beta/Popover/Popover.js +0 -154
  89. package/es/components/_beta/Popover/Popover.js.map +0 -1
  90. package/es/components/_beta/Popover/Popover.styles.js +0 -17
  91. package/es/components/_beta/Popover/Popover.styles.js.map +0 -1
  92. package/es/components/_beta/Popover/Popover.styles_1iofnso.css +0 -3
  93. package/es/components/_beta/Popover/Popover.tokens.js +0 -17
  94. package/es/components/_beta/Popover/Popover.tokens.js.map +0 -1
  95. package/es/components/_beta/Popover/Popover_1ed9tky.css +0 -2
  96. package/es/components/_beta/Popover/utils/sizeToIconSize.js +0 -6
  97. package/es/components/_beta/Popover/utils/sizeToIconSize.js.map +0 -1
  98. package/styled-components/cjs/components/_beta/Popover/Popover.js +0 -331
  99. package/styled-components/cjs/components/_beta/Popover/Popover.styles.js +0 -88
  100. package/styled-components/cjs/components/_beta/Popover/Popover.tokens.js +0 -32
  101. package/styled-components/cjs/components/_beta/Popover/Popover.types.js +0 -4
  102. package/styled-components/cjs/components/_beta/Popover/index.js +0 -26
  103. package/styled-components/cjs/components/_beta/Popover/utils/index.js +0 -18
  104. package/styled-components/cjs/components/_beta/Popover/utils/sizeToIconSize.js +0 -13
  105. package/styled-components/cjs/components/_beta/index.js +0 -18
  106. package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -57
  107. package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -48
  108. package/styled-components/cjs/examples/components/_beta/Popover/Popover.js +0 -39
  109. package/styled-components/es/components/_beta/Popover/Popover.js +0 -267
  110. package/styled-components/es/components/_beta/Popover/Popover.styles.js +0 -27
  111. package/styled-components/es/components/_beta/Popover/Popover.tokens.js +0 -14
  112. package/styled-components/es/components/_beta/Popover/Popover.types.js +0 -1
  113. package/styled-components/es/components/_beta/Popover/index.js +0 -2
  114. package/styled-components/es/components/_beta/Popover/utils/index.js +0 -1
  115. package/styled-components/es/components/_beta/Popover/utils/sizeToIconSize.js +0 -3
  116. package/styled-components/es/components/_beta/index.js +0 -1
  117. package/styled-components/es/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -47
  118. package/styled-components/es/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -38
  119. package/styled-components/es/examples/components/_beta/Popover/Popover.js +0 -18
  120. package/types/components/_beta/Popover/Popover.d.ts +0 -23
  121. package/types/components/_beta/Popover/Popover.d.ts.map +0 -1
  122. package/types/components/_beta/Popover/Popover.styles.d.ts +0 -4
  123. package/types/components/_beta/Popover/Popover.styles.d.ts.map +0 -1
  124. package/types/components/_beta/Popover/Popover.tokens.d.ts +0 -15
  125. package/types/components/_beta/Popover/Popover.tokens.d.ts.map +0 -1
  126. package/types/components/_beta/Popover/Popover.types.d.ts +0 -106
  127. package/types/components/_beta/Popover/Popover.types.d.ts.map +0 -1
  128. package/types/components/_beta/Popover/index.d.ts +0 -4
  129. package/types/components/_beta/Popover/index.d.ts.map +0 -1
  130. package/types/components/_beta/Popover/utils/index.d.ts +0 -2
  131. package/types/components/_beta/Popover/utils/index.d.ts.map +0 -1
  132. package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts +0 -2
  133. package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts.map +0 -1
  134. package/types/components/_beta/index.d.ts +0 -2
  135. package/types/components/_beta/index.d.ts.map +0 -1
  136. package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts +0 -17
  137. package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts.map +0 -1
  138. package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts +0 -17
  139. package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts.map +0 -1
  140. package/types/examples/components/_beta/Popover/Popover.d.ts +0 -34
  141. package/types/examples/components/_beta/Popover/Popover.d.ts.map +0 -1
package/styled-components/cjs/examples/components/Loader/Loader.config.js CHANGED
@@ -23,56 +23,63 @@ var config = {
23
23
  ":var(--surface-solid-default);",
24
24
  ":var(--text-primary);",
25
25
  ":var(--text-primary);",
26
- ":var(--overlay-soft);"
27
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor),
26
+ ":var(--overlay-soft);",
27
+ ":var(--text-primary);"
28
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
28
29
  secondary: (0, _styledcomponents.css)([
29
30
  "",
30
31
  ":var(--surface-transparent-tertiary);",
31
32
  ":var(--surface-transparent-secondary);",
32
33
  ":var(--text-primary);",
33
34
  ":var(--text-secondary);",
34
- ":var(--overlay-soft);"
35
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor),
35
+ ":var(--overlay-soft);",
36
+ ":var(--text-primary);"
37
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
36
38
  accent: (0, _styledcomponents.css)([
37
39
  "",
38
40
  ":var(--surface-transparent-tertiary);",
39
41
  ":var(--surface-accent);",
40
42
  ":var(--text-primary);",
41
43
  ":var(--text-accent);",
42
- ":var(--overlay-soft);"
43
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor),
44
+ ":var(--overlay-soft);",
45
+ ":var(--text-primary);"
46
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
44
47
  positive: (0, _styledcomponents.css)([
45
48
  "",
46
49
  ":var(--surface-transparent-tertiary);",
47
50
  ":var(--surface-positive);",
48
51
  ":var(--text-primary);",
49
52
  ":var(--text-positive);",
50
- ":var(--overlay-soft);"
51
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor),
53
+ ":var(--overlay-soft);",
54
+ ":var(--text-primary);"
55
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
52
56
  warning: (0, _styledcomponents.css)([
53
57
  "",
54
58
  ":var(--surface-transparent-tertiary);",
55
59
  ":var(--surface-warning);",
56
60
  ":var(--text-primary);",
57
61
  ":var(--text-warning);",
58
- ":var(--overlay-soft);"
59
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor),
62
+ ":var(--overlay-soft);",
63
+ ":var(--text-primary);"
64
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
60
65
  negative: (0, _styledcomponents.css)([
61
66
  "",
62
67
  ":var(--surface-transparent-tertiary);",
63
68
  ":var(--surface-negative);",
64
69
  ":var(--text-primary);",
65
70
  ":var(--text-negative);",
66
- ":var(--overlay-soft);"
67
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor),
71
+ ":var(--overlay-soft);",
72
+ ":var(--text-primary);"
73
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
68
74
  info: (0, _styledcomponents.css)([
69
75
  "",
70
76
  ":var(--surface-transparent-tertiary);",
71
77
  ":var(--surface-info);",
72
78
  ":var(--text-primary);",
73
79
  ":var(--text-info);",
74
- ":var(--overlay-soft);"
75
- ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor)
80
+ ":var(--overlay-soft);",
81
+ ":var(--text-primary);"
82
+ ], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor)
76
83
  },
77
84
  size: {
78
85
  xxl: (0, _styledcomponents.css)([
@@ -90,8 +97,24 @@ var config = {
90
97
  ":var(--plasma-typo-h2-bold-font-weight);",
91
98
  ":var(--plasma-typo-h2-letter-spacing);",
92
99
  ":var(--plasma-typo-h2-line-height);",
93
- ":8rem;"
94
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize),
100
+ ":8rem;",
101
+ ":var(--plasma-typo-body-l-font-family);",
102
+ ":var(--plasma-typo-body-l-font-size);",
103
+ ":var(--plasma-typo-body-l-font-style);",
104
+ ":var(--plasma-typo-body-l-font-weight);",
105
+ ":var(--plasma-typo-body-l-letter-spacing);",
106
+ ":var(--plasma-typo-body-l-line-height);",
107
+ ":1rem;",
108
+ ":1rem;",
109
+ ":var(--plasma-typo-body-l-font-family);",
110
+ ":var(--plasma-typo-body-l-font-size);",
111
+ ":var(--plasma-typo-body-l-font-style);",
112
+ ":var(--plasma-typo-body-l-font-weight);",
113
+ ":var(--plasma-typo-body-l-letter-spacing);",
114
+ ":var(--plasma-typo-body-l-line-height);",
115
+ ":1rem;",
116
+ ":1rem;"
117
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
95
118
  xl: (0, _styledcomponents.css)([
96
119
  "",
97
120
  ":100%;",
@@ -107,8 +130,16 @@ var config = {
107
130
  ":var(--plasma-typo-h5-bold-font-weight);",
108
131
  ":var(--plasma-typo-h5-letter-spacing);",
109
132
  ":var(--plasma-typo-h5-line-height);",
110
- ":5.5rem;"
111
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize),
133
+ ":5.5rem;",
134
+ ":var(--plasma-typo-body-l-font-family);",
135
+ ":var(--plasma-typo-body-l-font-size);",
136
+ ":var(--plasma-typo-body-l-font-style);",
137
+ ":var(--plasma-typo-body-l-font-weight);",
138
+ ":var(--plasma-typo-body-l-letter-spacing);",
139
+ ":var(--plasma-typo-body-l-line-height);",
140
+ ":1rem;",
141
+ ":1rem;"
142
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
112
143
  l: (0, _styledcomponents.css)([
113
144
  "",
114
145
  ":100%;",
@@ -124,8 +155,16 @@ var config = {
124
155
  ":var(--plasma-typo-body-l-body-font-weight);",
125
156
  ":var(--plasma-typo-body-l-letter-spacing);",
126
157
  ":var(--plasma-typo-body-l-line-height);",
127
- ":3.5rem;"
128
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize),
158
+ ":3.5rem;",
159
+ ":var(--plasma-typo-body-l-font-family);",
160
+ ":var(--plasma-typo-body-l-font-size);",
161
+ ":var(--plasma-typo-body-l-font-style);",
162
+ ":var(--plasma-typo-body-l-font-weight);",
163
+ ":var(--plasma-typo-body-l-letter-spacing);",
164
+ ":var(--plasma-typo-body-l-line-height);",
165
+ ":1rem;",
166
+ ":1rem;"
167
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
129
168
  m: (0, _styledcomponents.css)([
130
169
  "",
131
170
  ":100%;",
@@ -141,8 +180,16 @@ var config = {
141
180
  ":var(--plasma-typo-body-m-body-font-weight);",
142
181
  ":var(--plasma-typo-body-m-letter-spacing);",
143
182
  ":var(--plasma-typo-body-m-line-height);",
144
- ":3rem;"
145
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize),
183
+ ":3rem;",
184
+ ":var(--plasma-typo-body-m-font-family);",
185
+ ":var(--plasma-typo-body-m-font-size);",
186
+ ":var(--plasma-typo-body-m-font-style);",
187
+ ":var(--plasma-typo-body-m-font-weight);",
188
+ ":var(--plasma-typo-body-m-letter-spacing);",
189
+ ":var(--plasma-typo-body-m-line-height);",
190
+ ":0.75rem;",
191
+ ":0.625rem;"
192
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
146
193
  s: (0, _styledcomponents.css)([
147
194
  "",
148
195
  ":100%;",
@@ -158,8 +205,16 @@ var config = {
158
205
  ":var(--plasma-typo-body-s-body-font-weight);",
159
206
  ":var(--plasma-typo-body-s-letter-spacing);",
160
207
  ":var(--plasma-typo-body-s-line-height);",
161
- ":2.25rem;"
162
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize),
208
+ ":2.25rem;",
209
+ ":var(--plasma-typo-body-s-font-family);",
210
+ ":var(--plasma-typo-body-s-font-size);",
211
+ ":var(--plasma-typo-body-s-font-style);",
212
+ ":var(--plasma-typo-body-s-font-weight);",
213
+ ":var(--plasma-typo-body-s-letter-spacing);",
214
+ ":var(--plasma-typo-body-s-line-height);",
215
+ ":0.5rem;",
216
+ ":0.5rem;"
217
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
163
218
  xs: (0, _styledcomponents.css)([
164
219
  "",
165
220
  ":100%;",
@@ -175,8 +230,16 @@ var config = {
175
230
  ":var(--plasma-typo-body-xs-body-font-weight);",
176
231
  ":var(--plasma-typo-body-xs-letter-spacing);",
177
232
  ":var(--plasma-typo-body-xs-line-height);",
178
- ":1.5rem;"
179
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize),
233
+ ":1.5rem;",
234
+ ":var(--plasma-typo-body-xs-font-family);",
235
+ ":var(--plasma-typo-body-xs-font-size);",
236
+ ":var(--plasma-typo-body-xs-font-style);",
237
+ ":var(--plasma-typo-body-xs-font-weight);",
238
+ ":var(--plasma-typo-body-xs-letter-spacing);",
239
+ ":var(--plasma-typo-body-xs-line-height);",
240
+ ":0.5rem;",
241
+ ":0.5rem;"
242
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
180
243
  xxs: (0, _styledcomponents.css)([
181
244
  "",
182
245
  ":100%;",
@@ -192,8 +255,16 @@ var config = {
192
255
  ":var(--plasma-typo-body-xxs-body-font-weight);",
193
256
  ":var(--plasma-typo-body-xxs-letter-spacing);",
194
257
  ":var(--plasma-typo-body-xxs-line-height);",
195
- ":1rem;"
196
- ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize)
258
+ ":1rem;",
259
+ ":var(--plasma-typo-body-xxs-font-family);",
260
+ ":var(--plasma-typo-body-xxs-font-size);",
261
+ ":var(--plasma-typo-body-xxs-font-style);",
262
+ ":var(--plasma-typo-body-xxs-font-weight);",
263
+ ":var(--plasma-typo-body-xxs-letter-spacing);",
264
+ ":var(--plasma-typo-body-xxs-line-height);",
265
+ ":0.5rem;",
266
+ ":0.5rem;"
267
+ ], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop)
197
268
  }
198
269
  }
199
270
  };
package/styled-components/cjs/index.js CHANGED
@@ -90,7 +90,6 @@ _export_star(require("./components/ProgressBarCircular"), exports);
90
90
  _export_star(require("./components/TimePicker"), exports);
91
91
  _export_star(require("./components/DateTimePicker"), exports);
92
92
  _export_star(require("./components/Loader"), exports);
93
- _export_star(require("./components/_beta/Popover"), exports);
94
93
  function _export_star(from, to) {
95
94
  Object.keys(from).forEach(function(k) {
96
95
  if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
package/styled-components/es/components/Loader/Loader.js CHANGED
@@ -57,11 +57,11 @@ import React, { forwardRef } from "react";
57
57
  import { DEFAULT_Z_INDEX } from "../Popup/utils";
58
58
  import { base as viewCSS } from "./variations/_view/base";
59
59
  import { base as sizeCSS } from "./variations/_size/base";
60
- import { base, LoaderContentWrapper, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner } from "./Loader.styles";
60
+ import { base, LoaderContentWrapper, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner, LoaderText } from "./Loader.styles";
61
61
  import { classes, tokens } from "./Loader.tokens";
62
62
  export var loaderRoot = function(Root) {
63
63
  return /*#__PURE__*/ forwardRef(function(props, ref) {
64
- var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, 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, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, rest = _object_without_properties(props, [
64
+ var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, 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, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, text = props.text, _props_textPosition = props.textPosition, textPosition = _props_textPosition === void 0 ? 'bottom' : _props_textPosition, rest = _object_without_properties(props, [
65
65
  "type",
66
66
  "hasOverlay",
67
67
  "withBlur",
@@ -76,13 +76,22 @@ export var loaderRoot = function(Root) {
76
76
  "hasTrack",
77
77
  "style",
78
78
  "zIndex",
79
- "onOverlayClick"
79
+ "onOverlayClick",
80
+ "text",
81
+ "textPosition"
80
82
  ]);
83
+ var isHorizontalLayout = text && textPosition === 'right';
84
+ var isVerticalLayout = text && textPosition === 'bottom';
85
+ var loaderClassName = [
86
+ className,
87
+ isHorizontalLayout && 'loader-with-text-horizontal',
88
+ isVerticalLayout && 'loader-with-text-vertical'
89
+ ].filter(Boolean).join(' ');
81
90
  var loaderContent = /*#__PURE__*/ React.createElement(Root, _object_spread({
82
91
  ref: ref,
83
92
  view: view,
84
93
  size: size,
85
- className: className,
94
+ className: loaderClassName,
86
95
  style: style
87
96
  }, rest), type === 'spinner' ? /*#__PURE__*/ React.createElement(StyledSpinner, {
88
97
  size: size,
@@ -94,7 +103,7 @@ export var loaderRoot = function(Root) {
94
103
  size: size,
95
104
  view: view,
96
105
  hasTrack: hasTrack
97
- }, children));
106
+ }, children), text && /*#__PURE__*/ React.createElement(LoaderText, null, text));
98
107
  if (!hasOverlay) {
99
108
  return loaderContent;
100
109
  }
package/styled-components/es/components/Loader/Loader.styles.js CHANGED
@@ -11,11 +11,11 @@ var ProgressBarCircular = component(mergedProgressBarCircularConfig);
11
11
  export var base = css([
12
12
  "display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
13
13
  ");height:var(",
14
- ");"
14
+ ");&.loader-with-text-horizontal{flex-direction:row;}&.loader-with-text-vertical{flex-direction:column;}"
15
15
  ], tokens.width, tokens.height);
16
16
  export var StyledSpinner = styled(Spinner).withConfig({
17
17
  displayName: "Loader.styles__StyledSpinner",
18
- componentId: "sc-a9704424-0"
18
+ componentId: "sc-edd68ef6-0"
19
19
  })([
20
20
  "",
21
21
  ":var(",
@@ -25,7 +25,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
25
25
  ], spinnerTokens.size, tokens.spinnerSize, spinnerTokens.color, tokens.spinnerColor);
26
26
  export var StyledProgressBarCircular = styled(ProgressBarCircular).withConfig({
27
27
  displayName: "Loader.styles__StyledProgressBarCircular",
28
- componentId: "sc-a9704424-1"
28
+ componentId: "sc-edd68ef6-1"
29
29
  })([
30
30
  "",
31
31
  ":var(",
@@ -59,7 +59,7 @@ export var StyledProgressBarCircular = styled(ProgressBarCircular).withConfig({
59
59
  ], progressBarCircularTokens.size, tokens.progressBarCircularSize, progressBarCircularTokens.width, tokens.progressBarCircularWidth, progressBarCircularTokens.height, tokens.progressBarCircularHeight, progressBarCircularTokens.strokeWidth, tokens.progressBarCircularStrokeWidth, progressBarCircularTokens.strokeSize, tokens.progressBarCircularStrokeSize, progressBarCircularTokens.backgroundStroke, tokens.progressBarCircularBackgroundStroke, progressBarCircularTokens.progressStroke, tokens.progressBarCircularStroke, progressBarCircularTokens.contentColor, tokens.progressBarCircularContentColor, progressBarCircularTokens.contentFontFamily, tokens.progressBarCircularContentFontFamily, progressBarCircularTokens.contentFontSize, tokens.progressBarCircularContentFontSize, progressBarCircularTokens.contentFontStyle, tokens.progressBarCircularContentFontStyle, progressBarCircularTokens.contentFontWeight, tokens.progressBarCircularContentFontWeight, progressBarCircularTokens.contentLetterSpacing, tokens.progressBarCircularContentLetterSpacing, progressBarCircularTokens.contentLineHeight, tokens.progressBarCircularContentLineHeight);
60
60
  export var LoaderWrapper = styled.div.withConfig({
61
61
  displayName: "Loader.styles__LoaderWrapper",
62
- componentId: "sc-a9704424-2"
62
+ componentId: "sc-edd68ef6-2"
63
63
  })([
64
64
  "position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:",
65
65
  ";"
@@ -69,7 +69,7 @@ export var LoaderWrapper = styled.div.withConfig({
69
69
  });
70
70
  export var StyledOverlay = styled.div.withConfig({
71
71
  displayName: "Loader.styles__StyledOverlay",
72
- componentId: "sc-a9704424-3"
72
+ componentId: "sc-edd68ef6-3"
73
73
  })([
74
74
  "position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:",
75
75
  ";cursor:",
@@ -87,7 +87,22 @@ export var StyledOverlay = styled.div.withConfig({
87
87
  });
88
88
  export var LoaderContentWrapper = styled.div.withConfig({
89
89
  displayName: "Loader.styles__LoaderContentWrapper",
90
- componentId: "sc-a9704424-4"
90
+ componentId: "sc-edd68ef6-4"
91
91
  })([
92
92
  "position:relative;z-index:1;"
93
93
  ]);
94
+ export var LoaderText = styled.div.withConfig({
95
+ displayName: "Loader.styles__LoaderText",
96
+ componentId: "sc-edd68ef6-5"
97
+ })([
98
+ "color:var(",
99
+ ");font-family:var(",
100
+ ");font-size:var(",
101
+ ");font-style:var(",
102
+ ");font-weight:var(",
103
+ ");letter-spacing:var(",
104
+ ");line-height:var(",
105
+ ");margin-left:var(",
106
+ ");margin-top:var(",
107
+ ");"
108
+ ], tokens.textColor, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight, tokens.textMarginLeft, tokens.textMarginTop);
package/styled-components/es/components/Loader/Loader.tokens.js CHANGED
@@ -20,6 +20,15 @@ export var tokens = {
20
20
  progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
21
21
  overlayColor: '--plasma-loader-overlay-color',
22
22
  spinnerSize: '--plasma-loader-spinner-size',
23
- spinnerColor: '--plasma-loader-spinner-color'
23
+ spinnerColor: '--plasma-loader-spinner-color',
24
+ textColor: '--plasma-loader-text-color',
25
+ textFontFamily: '--plasma-loader-text-font-family',
26
+ textFontSize: '--plasma-loader-text-font-size',
27
+ textFontStyle: '--plasma-loader-text-font-style',
28
+ textFontWeight: '--plasma-loader-text-font-weight',
29
+ textLetterSpacing: '--plasma-loader-text-letter-spacing',
30
+ textLineHeight: '--plasma-loader-text-line-height',
31
+ textMarginLeft: '--plasma-loader-text-margin-left',
32
+ textMarginTop: '--plasma-loader-text-margin-top'
24
33
  };
25
34
  export var privateTokens = {};
package/styled-components/es/examples/components/Combobox/Combobox.js CHANGED
@@ -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 };
package/styled-components/es/examples/components/Loader/Loader.config.js CHANGED
@@ -13,56 +13,63 @@ export var config = {
13
13
  ":var(--surface-solid-default);",
14
14
  ":var(--text-primary);",
15
15
  ":var(--text-primary);",
16
- ":var(--overlay-soft);"
17
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
16
+ ":var(--overlay-soft);",
17
+ ":var(--text-primary);"
18
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
18
19
  secondary: css([
19
20
  "",
20
21
  ":var(--surface-transparent-tertiary);",
21
22
  ":var(--surface-transparent-secondary);",
22
23
  ":var(--text-primary);",
23
24
  ":var(--text-secondary);",
24
- ":var(--overlay-soft);"
25
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
25
+ ":var(--overlay-soft);",
26
+ ":var(--text-primary);"
27
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
26
28
  accent: css([
27
29
  "",
28
30
  ":var(--surface-transparent-tertiary);",
29
31
  ":var(--surface-accent);",
30
32
  ":var(--text-primary);",
31
33
  ":var(--text-accent);",
32
- ":var(--overlay-soft);"
33
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
34
+ ":var(--overlay-soft);",
35
+ ":var(--text-primary);"
36
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
34
37
  positive: css([
35
38
  "",
36
39
  ":var(--surface-transparent-tertiary);",
37
40
  ":var(--surface-positive);",
38
41
  ":var(--text-primary);",
39
42
  ":var(--text-positive);",
40
- ":var(--overlay-soft);"
41
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
43
+ ":var(--overlay-soft);",
44
+ ":var(--text-primary);"
45
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
42
46
  warning: css([
43
47
  "",
44
48
  ":var(--surface-transparent-tertiary);",
45
49
  ":var(--surface-warning);",
46
50
  ":var(--text-primary);",
47
51
  ":var(--text-warning);",
48
- ":var(--overlay-soft);"
49
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
52
+ ":var(--overlay-soft);",
53
+ ":var(--text-primary);"
54
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
50
55
  negative: css([
51
56
  "",
52
57
  ":var(--surface-transparent-tertiary);",
53
58
  ":var(--surface-negative);",
54
59
  ":var(--text-primary);",
55
60
  ":var(--text-negative);",
56
- ":var(--overlay-soft);"
57
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
61
+ ":var(--overlay-soft);",
62
+ ":var(--text-primary);"
63
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
58
64
  info: css([
59
65
  "",
60
66
  ":var(--surface-transparent-tertiary);",
61
67
  ":var(--surface-info);",
62
68
  ":var(--text-primary);",
63
69
  ":var(--text-info);",
64
- ":var(--overlay-soft);"
65
- ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor)
70
+ ":var(--overlay-soft);",
71
+ ":var(--text-primary);"
72
+ ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor)
66
73
  },
67
74
  size: {
68
75
  xxl: css([
@@ -80,8 +87,24 @@ export var config = {
80
87
  ":var(--plasma-typo-h2-bold-font-weight);",
81
88
  ":var(--plasma-typo-h2-letter-spacing);",
82
89
  ":var(--plasma-typo-h2-line-height);",
83
- ":8rem;"
84
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
90
+ ":8rem;",
91
+ ":var(--plasma-typo-body-l-font-family);",
92
+ ":var(--plasma-typo-body-l-font-size);",
93
+ ":var(--plasma-typo-body-l-font-style);",
94
+ ":var(--plasma-typo-body-l-font-weight);",
95
+ ":var(--plasma-typo-body-l-letter-spacing);",
96
+ ":var(--plasma-typo-body-l-line-height);",
97
+ ":1rem;",
98
+ ":1rem;",
99
+ ":var(--plasma-typo-body-l-font-family);",
100
+ ":var(--plasma-typo-body-l-font-size);",
101
+ ":var(--plasma-typo-body-l-font-style);",
102
+ ":var(--plasma-typo-body-l-font-weight);",
103
+ ":var(--plasma-typo-body-l-letter-spacing);",
104
+ ":var(--plasma-typo-body-l-line-height);",
105
+ ":1rem;",
106
+ ":1rem;"
107
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
85
108
  xl: css([
86
109
  "",
87
110
  ":100%;",
@@ -97,8 +120,16 @@ export var config = {
97
120
  ":var(--plasma-typo-h5-bold-font-weight);",
98
121
  ":var(--plasma-typo-h5-letter-spacing);",
99
122
  ":var(--plasma-typo-h5-line-height);",
100
- ":5.5rem;"
101
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
123
+ ":5.5rem;",
124
+ ":var(--plasma-typo-body-l-font-family);",
125
+ ":var(--plasma-typo-body-l-font-size);",
126
+ ":var(--plasma-typo-body-l-font-style);",
127
+ ":var(--plasma-typo-body-l-font-weight);",
128
+ ":var(--plasma-typo-body-l-letter-spacing);",
129
+ ":var(--plasma-typo-body-l-line-height);",
130
+ ":1rem;",
131
+ ":1rem;"
132
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
102
133
  l: css([
103
134
  "",
104
135
  ":100%;",
@@ -114,8 +145,16 @@ export var config = {
114
145
  ":var(--plasma-typo-body-l-body-font-weight);",
115
146
  ":var(--plasma-typo-body-l-letter-spacing);",
116
147
  ":var(--plasma-typo-body-l-line-height);",
117
- ":3.5rem;"
118
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
148
+ ":3.5rem;",
149
+ ":var(--plasma-typo-body-l-font-family);",
150
+ ":var(--plasma-typo-body-l-font-size);",
151
+ ":var(--plasma-typo-body-l-font-style);",
152
+ ":var(--plasma-typo-body-l-font-weight);",
153
+ ":var(--plasma-typo-body-l-letter-spacing);",
154
+ ":var(--plasma-typo-body-l-line-height);",
155
+ ":1rem;",
156
+ ":1rem;"
157
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
119
158
  m: css([
120
159
  "",
121
160
  ":100%;",
@@ -131,8 +170,16 @@ export var config = {
131
170
  ":var(--plasma-typo-body-m-body-font-weight);",
132
171
  ":var(--plasma-typo-body-m-letter-spacing);",
133
172
  ":var(--plasma-typo-body-m-line-height);",
134
- ":3rem;"
135
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
173
+ ":3rem;",
174
+ ":var(--plasma-typo-body-m-font-family);",
175
+ ":var(--plasma-typo-body-m-font-size);",
176
+ ":var(--plasma-typo-body-m-font-style);",
177
+ ":var(--plasma-typo-body-m-font-weight);",
178
+ ":var(--plasma-typo-body-m-letter-spacing);",
179
+ ":var(--plasma-typo-body-m-line-height);",
180
+ ":0.75rem;",
181
+ ":0.625rem;"
182
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
136
183
  s: css([
137
184
  "",
138
185
  ":100%;",
@@ -148,8 +195,16 @@ export var config = {
148
195
  ":var(--plasma-typo-body-s-body-font-weight);",
149
196
  ":var(--plasma-typo-body-s-letter-spacing);",
150
197
  ":var(--plasma-typo-body-s-line-height);",
151
- ":2.25rem;"
152
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
198
+ ":2.25rem;",
199
+ ":var(--plasma-typo-body-s-font-family);",
200
+ ":var(--plasma-typo-body-s-font-size);",
201
+ ":var(--plasma-typo-body-s-font-style);",
202
+ ":var(--plasma-typo-body-s-font-weight);",
203
+ ":var(--plasma-typo-body-s-letter-spacing);",
204
+ ":var(--plasma-typo-body-s-line-height);",
205
+ ":0.5rem;",
206
+ ":0.5rem;"
207
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
153
208
  xs: css([
154
209
  "",
155
210
  ":100%;",
@@ -165,8 +220,16 @@ export var config = {
165
220
  ":var(--plasma-typo-body-xs-body-font-weight);",
166
221
  ":var(--plasma-typo-body-xs-letter-spacing);",
167
222
  ":var(--plasma-typo-body-xs-line-height);",
168
- ":1.5rem;"
169
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
223
+ ":1.5rem;",
224
+ ":var(--plasma-typo-body-xs-font-family);",
225
+ ":var(--plasma-typo-body-xs-font-size);",
226
+ ":var(--plasma-typo-body-xs-font-style);",
227
+ ":var(--plasma-typo-body-xs-font-weight);",
228
+ ":var(--plasma-typo-body-xs-letter-spacing);",
229
+ ":var(--plasma-typo-body-xs-line-height);",
230
+ ":0.5rem;",
231
+ ":0.5rem;"
232
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
170
233
  xxs: css([
171
234
  "",
172
235
  ":100%;",
@@ -182,8 +245,16 @@ export var config = {
182
245
  ":var(--plasma-typo-body-xxs-body-font-weight);",
183
246
  ":var(--plasma-typo-body-xxs-letter-spacing);",
184
247
  ":var(--plasma-typo-body-xxs-line-height);",
185
- ":1rem;"
186
- ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize)
248
+ ":1rem;",
249
+ ":var(--plasma-typo-body-xxs-font-family);",
250
+ ":var(--plasma-typo-body-xxs-font-size);",
251
+ ":var(--plasma-typo-body-xxs-font-style);",
252
+ ":var(--plasma-typo-body-xxs-font-weight);",
253
+ ":var(--plasma-typo-body-xxs-letter-spacing);",
254
+ ":var(--plasma-typo-body-xxs-line-height);",
255
+ ":0.5rem;",
256
+ ":0.5rem;"
257
+ ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop)
187
258
  }
188
259
  }
189
260
  };
package/styled-components/es/index.js CHANGED
@@ -88,4 +88,3 @@ export * from "./components/ProgressBarCircular";
88
88
  export * from "./components/TimePicker";
89
89
  export * from "./components/DateTimePicker";
90
90
  export * from "./components/Loader";
91
- export * from "./components/_beta/Popover";