@meduza/ui-kit-2 0.9.402 → 0.9.406

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.
@@ -971,7 +971,7 @@ const Dropdown = ({
971
971
  }, children);
972
972
  };
973
973
 
974
- var styles$u = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz"};
974
+ var styles$u = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz","isInPodcast":"Toolbar-module_isInPodcast__efktw"};
975
975
 
976
976
  const ToolbarItem = ({
977
977
  children
@@ -247,8 +247,18 @@
247
247
  width: 100%;
248
248
  justify-content: space-between;
249
249
  align-items: center;
250
+ text-align: left;
250
251
  }
251
252
 
253
+ @media only screen and (min-width: 32em) {
254
+
255
+ .Button-module_isInToolbar__84SG- {
256
+ display: block;
257
+ width: 100%;
258
+ text-align: center;
259
+ }
260
+ }
261
+
252
262
  .Button-module_isInSpoiler__pGp-w svg {
253
263
  margin-top: -2px;
254
264
  margin-left: 6px;
@@ -2333,6 +2343,28 @@
2333
2343
  background-color: #4f4f4f;
2334
2344
  }
2335
2345
 
2346
+ .Toolbar-module_isInPodcast__efktw {
2347
+ background-color: #fff;
2348
+ padding: 15px;
2349
+ border-radius: 8px;
2350
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
2351
+ }
2352
+
2353
+ @media only screen and (min-width: 32em) {
2354
+
2355
+ .Toolbar-module_isInPodcast__efktw {
2356
+ padding: 17px 25px;
2357
+ }
2358
+ }
2359
+
2360
+ .Toolbar-module_isInPodcast__efktw::before {
2361
+ content: none;
2362
+ }
2363
+
2364
+ .Toolbar-module_isInPodcast__efktw .Toolbar-module_item__CWmGM:first-child::before {
2365
+ content: none;
2366
+ }
2367
+
2336
2368
  .Meta-module_root__H-Q4d {
2337
2369
  font-size: 12px;
2338
2370
 
package/dist/ui-kit.css CHANGED
@@ -247,8 +247,18 @@
247
247
  width: 100%;
248
248
  justify-content: space-between;
249
249
  align-items: center;
250
+ text-align: left;
250
251
  }
251
252
 
253
+ @media only screen and (min-width: 32em) {
254
+
255
+ .Button-module_isInToolbar__84SG- {
256
+ display: block;
257
+ width: 100%;
258
+ text-align: center;
259
+ }
260
+ }
261
+
252
262
  .Button-module_isInSpoiler__pGp-w svg {
253
263
  margin-top: -2px;
254
264
  margin-left: 6px;
@@ -2333,6 +2343,28 @@
2333
2343
  background-color: #4f4f4f;
2334
2344
  }
2335
2345
 
2346
+ .Toolbar-module_isInPodcast__efktw {
2347
+ background-color: #fff;
2348
+ padding: 15px;
2349
+ border-radius: 8px;
2350
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
2351
+ }
2352
+
2353
+ @media only screen and (min-width: 32em) {
2354
+
2355
+ .Toolbar-module_isInPodcast__efktw {
2356
+ padding: 17px 25px;
2357
+ }
2358
+ }
2359
+
2360
+ .Toolbar-module_isInPodcast__efktw::before {
2361
+ content: none;
2362
+ }
2363
+
2364
+ .Toolbar-module_isInPodcast__efktw .Toolbar-module_item__CWmGM:first-child::before {
2365
+ content: none;
2366
+ }
2367
+
2336
2368
  .Meta-module_root__H-Q4d {
2337
2369
  font-size: 12px;
2338
2370
 
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.9.402",
2
+ "version": "0.9.406",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -217,6 +217,13 @@
217
217
  width: 100%;
218
218
  justify-content: space-between;
219
219
  align-items: center;
220
+ text-align: left;
221
+
222
+ @media $mobile {
223
+ display: block;
224
+ width: 100%;
225
+ text-align: center;
226
+ }
220
227
  }
221
228
 
222
229
  .isInSpoiler svg {
@@ -123,3 +123,22 @@
123
123
  .dark::before {
124
124
  background-color: #4f4f4f;
125
125
  }
126
+
127
+ .isInPodcast {
128
+ background-color: #fff;
129
+ padding: 15px;
130
+ border-radius: 8px;
131
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
132
+
133
+ @media $mobile {
134
+ padding: 17px 25px;
135
+ }
136
+ }
137
+
138
+ .isInPodcast::before {
139
+ content: none;
140
+ }
141
+
142
+ .isInPodcast .item:first-child::before {
143
+ content: none;
144
+ }