fomantic-ui 2.9.0-beta.77 → 2.9.0-beta.80

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 (178) hide show
  1. package/.all-contributorsrc +9 -0
  2. package/CONTRIBUTORS.md +1 -0
  3. package/dist/components/accordion.css +1 -1
  4. package/dist/components/accordion.js +1 -1
  5. package/dist/components/accordion.min.css +1 -1
  6. package/dist/components/accordion.min.js +1 -1
  7. package/dist/components/ad.css +1 -1
  8. package/dist/components/ad.min.css +1 -1
  9. package/dist/components/api.js +1 -1
  10. package/dist/components/api.min.js +1 -1
  11. package/dist/components/breadcrumb.css +1 -1
  12. package/dist/components/breadcrumb.min.css +1 -1
  13. package/dist/components/button.css +5 -5
  14. package/dist/components/button.min.css +1 -1
  15. package/dist/components/calendar.css +1 -1
  16. package/dist/components/calendar.js +1 -1
  17. package/dist/components/calendar.min.css +1 -1
  18. package/dist/components/calendar.min.js +1 -1
  19. package/dist/components/card.css +26 -19
  20. package/dist/components/card.min.css +2 -2
  21. package/dist/components/checkbox.css +1 -1
  22. package/dist/components/checkbox.js +1 -1
  23. package/dist/components/checkbox.min.css +1 -1
  24. package/dist/components/checkbox.min.js +1 -1
  25. package/dist/components/comment.css +11 -11
  26. package/dist/components/comment.min.css +1 -1
  27. package/dist/components/container.css +1 -1
  28. package/dist/components/container.min.css +1 -1
  29. package/dist/components/dimmer.css +17 -14
  30. package/dist/components/dimmer.js +1 -1
  31. package/dist/components/dimmer.min.css +2 -2
  32. package/dist/components/dimmer.min.js +1 -1
  33. package/dist/components/divider.css +1 -1
  34. package/dist/components/divider.min.css +1 -1
  35. package/dist/components/dropdown.css +3 -3
  36. package/dist/components/dropdown.js +1 -1
  37. package/dist/components/dropdown.min.css +1 -1
  38. package/dist/components/dropdown.min.js +1 -1
  39. package/dist/components/embed.css +1 -1
  40. package/dist/components/embed.js +1 -1
  41. package/dist/components/embed.min.css +1 -1
  42. package/dist/components/embed.min.js +1 -1
  43. package/dist/components/emoji.css +2 -2
  44. package/dist/components/feed.css +28 -28
  45. package/dist/components/feed.min.css +2 -2
  46. package/dist/components/flag.css +1 -1
  47. package/dist/components/flag.min.css +1 -1
  48. package/dist/components/form.css +1 -1
  49. package/dist/components/form.js +1 -1
  50. package/dist/components/form.min.css +1 -1
  51. package/dist/components/form.min.js +1 -1
  52. package/dist/components/grid.css +7 -7
  53. package/dist/components/grid.min.css +1 -1
  54. package/dist/components/header.css +1 -1
  55. package/dist/components/header.min.css +1 -1
  56. package/dist/components/icon.css +6 -1
  57. package/dist/components/icon.min.css +2 -2
  58. package/dist/components/image.css +1 -1
  59. package/dist/components/image.min.css +1 -1
  60. package/dist/components/input.css +1 -1
  61. package/dist/components/input.min.css +1 -1
  62. package/dist/components/item.css +13 -13
  63. package/dist/components/item.min.css +1 -1
  64. package/dist/components/label.css +1 -1
  65. package/dist/components/label.min.css +1 -1
  66. package/dist/components/list.css +1 -1
  67. package/dist/components/list.min.css +1 -1
  68. package/dist/components/loader.css +1 -1
  69. package/dist/components/loader.min.css +1 -1
  70. package/dist/components/menu.css +2 -2
  71. package/dist/components/message.css +1 -1
  72. package/dist/components/message.min.css +1 -1
  73. package/dist/components/modal.css +1 -1
  74. package/dist/components/modal.js +6 -5
  75. package/dist/components/modal.min.css +1 -1
  76. package/dist/components/modal.min.js +2 -2
  77. package/dist/components/nag.css +1 -1
  78. package/dist/components/nag.js +1 -1
  79. package/dist/components/nag.min.css +1 -1
  80. package/dist/components/nag.min.js +1 -1
  81. package/dist/components/placeholder.css +1 -1
  82. package/dist/components/placeholder.min.css +1 -1
  83. package/dist/components/popup.css +1 -1
  84. package/dist/components/popup.js +1 -1
  85. package/dist/components/popup.min.css +1 -1
  86. package/dist/components/popup.min.js +1 -1
  87. package/dist/components/progress.css +1 -1
  88. package/dist/components/progress.js +1 -1
  89. package/dist/components/progress.min.css +1 -1
  90. package/dist/components/progress.min.js +1 -1
  91. package/dist/components/rail.css +1 -1
  92. package/dist/components/rail.min.css +1 -1
  93. package/dist/components/rating.css +1 -1
  94. package/dist/components/rating.js +1 -1
  95. package/dist/components/rating.min.css +1 -1
  96. package/dist/components/rating.min.js +1 -1
  97. package/dist/components/reset.css +1 -1
  98. package/dist/components/reset.min.css +1 -1
  99. package/dist/components/reveal.css +1 -1
  100. package/dist/components/reveal.min.css +1 -1
  101. package/dist/components/search.css +1 -1
  102. package/dist/components/search.js +1 -1
  103. package/dist/components/search.min.css +1 -1
  104. package/dist/components/search.min.js +1 -1
  105. package/dist/components/segment.css +1 -1
  106. package/dist/components/segment.min.css +1 -1
  107. package/dist/components/shape.css +1 -1
  108. package/dist/components/shape.js +1 -1
  109. package/dist/components/shape.min.css +1 -1
  110. package/dist/components/shape.min.js +1 -1
  111. package/dist/components/sidebar.css +1 -1
  112. package/dist/components/sidebar.js +1 -1
  113. package/dist/components/sidebar.min.css +1 -1
  114. package/dist/components/sidebar.min.js +1 -1
  115. package/dist/components/site.css +1 -1
  116. package/dist/components/site.js +1 -1
  117. package/dist/components/site.min.css +1 -1
  118. package/dist/components/site.min.js +1 -1
  119. package/dist/components/slider.js +1 -1
  120. package/dist/components/slider.min.js +1 -1
  121. package/dist/components/state.js +1 -1
  122. package/dist/components/state.min.js +1 -1
  123. package/dist/components/statistic.css +1 -1
  124. package/dist/components/statistic.min.css +1 -1
  125. package/dist/components/step.css +3 -3
  126. package/dist/components/step.min.css +1 -1
  127. package/dist/components/sticky.css +1 -1
  128. package/dist/components/sticky.js +1 -1
  129. package/dist/components/sticky.min.css +1 -1
  130. package/dist/components/sticky.min.js +1 -1
  131. package/dist/components/tab.css +1 -1
  132. package/dist/components/tab.js +1 -1
  133. package/dist/components/tab.min.css +1 -1
  134. package/dist/components/tab.min.js +1 -1
  135. package/dist/components/table.css +3 -3
  136. package/dist/components/table.min.css +1 -1
  137. package/dist/components/text.css +1 -1
  138. package/dist/components/text.min.css +1 -1
  139. package/dist/components/toast.css +1 -1
  140. package/dist/components/toast.js +1 -1
  141. package/dist/components/toast.min.css +1 -1
  142. package/dist/components/toast.min.js +1 -1
  143. package/dist/components/transition.css +1 -1
  144. package/dist/components/transition.js +1 -1
  145. package/dist/components/transition.min.css +1 -1
  146. package/dist/components/transition.min.js +1 -1
  147. package/dist/components/visibility.js +1 -1
  148. package/dist/components/visibility.min.js +1 -1
  149. package/dist/semantic.css +164 -149
  150. package/dist/semantic.js +30 -29
  151. package/dist/semantic.min.css +2 -2
  152. package/dist/semantic.min.js +2 -2
  153. package/package.json +2 -2
  154. package/src/definitions/collections/form.less +123 -113
  155. package/src/definitions/collections/grid.less +700 -668
  156. package/src/definitions/collections/menu.less +96 -81
  157. package/src/definitions/collections/message.less +8 -7
  158. package/src/definitions/collections/table.less +184 -174
  159. package/src/definitions/elements/button.less +127 -116
  160. package/src/definitions/elements/container.less +16 -8
  161. package/src/definitions/elements/emoji.less +15 -9
  162. package/src/definitions/elements/header.less +14 -8
  163. package/src/definitions/elements/icon.less +5 -0
  164. package/src/definitions/elements/list.less +55 -45
  165. package/src/definitions/elements/segment.less +4 -3
  166. package/src/definitions/elements/step.less +52 -48
  167. package/src/definitions/modules/dimmer.less +10 -6
  168. package/src/definitions/modules/dropdown.less +19 -17
  169. package/src/definitions/modules/modal.js +5 -4
  170. package/src/definitions/modules/search.less +32 -16
  171. package/src/definitions/modules/sidebar.less +30 -18
  172. package/src/definitions/views/card.less +373 -333
  173. package/src/definitions/views/comment.less +92 -81
  174. package/src/definitions/views/feed.less +164 -144
  175. package/src/definitions/views/item.less +249 -196
  176. package/src/definitions/views/statistic.less +71 -70
  177. package/src/themes/default/globals/variation.variables +64 -0
  178. package/src/themes/default/modules/dimmer.variables +1 -1
@@ -179,85 +179,86 @@
179
179
  Count
180
180
  ---------------*/
181
181
 
182
+ & when (@variationStatisticEqualWidth) {
183
+ .ui.ten.statistics {
184
+ margin: @itemGroupMargin;
185
+ }
186
+ .ui.ten.statistics .statistic {
187
+ min-width: @tenColumn;
188
+ margin: @itemMargin;
189
+ }
182
190
 
183
- .ui.ten.statistics {
184
- margin: @itemGroupMargin;
185
- }
186
- .ui.ten.statistics .statistic {
187
- min-width: @tenColumn;
188
- margin: @itemMargin;
189
- }
190
-
191
- .ui.nine.statistics {
192
- margin: @itemGroupMargin;
193
- }
194
- .ui.nine.statistics .statistic {
195
- min-width: @nineColumn;
196
- margin: @itemMargin;
197
- }
191
+ .ui.nine.statistics {
192
+ margin: @itemGroupMargin;
193
+ }
194
+ .ui.nine.statistics .statistic {
195
+ min-width: @nineColumn;
196
+ margin: @itemMargin;
197
+ }
198
198
 
199
- .ui.eight.statistics {
200
- margin: @itemGroupMargin;
201
- }
202
- .ui.eight.statistics .statistic {
203
- min-width: @eightColumn;
204
- margin: @itemMargin;
205
- }
199
+ .ui.eight.statistics {
200
+ margin: @itemGroupMargin;
201
+ }
202
+ .ui.eight.statistics .statistic {
203
+ min-width: @eightColumn;
204
+ margin: @itemMargin;
205
+ }
206
206
 
207
- .ui.seven.statistics {
208
- margin: @itemGroupMargin;
209
- }
210
- .ui.seven.statistics .statistic {
211
- min-width: @sevenColumn;
212
- margin: @itemMargin;
213
- }
207
+ .ui.seven.statistics {
208
+ margin: @itemGroupMargin;
209
+ }
210
+ .ui.seven.statistics .statistic {
211
+ min-width: @sevenColumn;
212
+ margin: @itemMargin;
213
+ }
214
214
 
215
- .ui.six.statistics {
216
- margin: @itemGroupMargin;
217
- }
218
- .ui.six.statistics .statistic {
219
- min-width: @sixColumn;
220
- margin: @itemMargin;
221
- }
215
+ .ui.six.statistics {
216
+ margin: @itemGroupMargin;
217
+ }
218
+ .ui.six.statistics .statistic {
219
+ min-width: @sixColumn;
220
+ margin: @itemMargin;
221
+ }
222
222
 
223
- .ui.five.statistics {
224
- margin: @itemGroupMargin;
225
- }
226
- .ui.five.statistics .statistic {
227
- min-width: @fiveColumn;
228
- margin: @itemMargin;
229
- }
223
+ .ui.five.statistics {
224
+ margin: @itemGroupMargin;
225
+ }
226
+ .ui.five.statistics .statistic {
227
+ min-width: @fiveColumn;
228
+ margin: @itemMargin;
229
+ }
230
230
 
231
- .ui.four.statistics {
232
- margin: @itemGroupMargin;
233
- }
234
- .ui.four.statistics .statistic {
235
- min-width: @fourColumn;
236
- margin: @itemMargin;
237
- }
231
+ .ui.four.statistics {
232
+ margin: @itemGroupMargin;
233
+ }
234
+ .ui.four.statistics .statistic {
235
+ min-width: @fourColumn;
236
+ margin: @itemMargin;
237
+ }
238
238
 
239
- .ui.three.statistics {
240
- margin: @itemGroupMargin;
241
- }
242
- .ui.three.statistics .statistic {
243
- min-width: @threeColumn;
244
- margin: @itemMargin;
245
- }
239
+ .ui.three.statistics {
240
+ margin: @itemGroupMargin;
241
+ }
242
+ .ui.three.statistics .statistic {
243
+ min-width: @threeColumn;
244
+ margin: @itemMargin;
245
+ }
246
246
 
247
- .ui.two.statistics {
248
- margin: @itemGroupMargin;
249
- }
250
- .ui.two.statistics .statistic {
251
- min-width: @twoColumn;
252
- margin: @itemMargin;
253
- }
247
+ .ui.two.statistics {
248
+ margin: @itemGroupMargin;
249
+ }
250
+ .ui.two.statistics .statistic {
251
+ min-width: @twoColumn;
252
+ margin: @itemMargin;
253
+ }
254
254
 
255
- .ui.one.statistics {
256
- margin: @itemGroupMargin;
257
- }
258
- .ui.one.statistics .statistic {
259
- min-width: @oneColumn;
260
- margin: @itemMargin;
255
+ .ui.one.statistics {
256
+ margin: @itemGroupMargin;
257
+ }
258
+ .ui.one.statistics .statistic {
259
+ min-width: @oneColumn;
260
+ margin: @itemMargin;
261
+ }
261
262
  }
262
263
 
263
264
 
@@ -16,6 +16,8 @@
16
16
  @variationButtonSocial: true;
17
17
  @variationButtonFloated: true;
18
18
  @variationButtonCompact: true;
19
+ @variationButtonIcon: true;
20
+ @variationButtonLoading: true;
19
21
  @variationButtonBasic: true;
20
22
  @variationButtonTertiary: true;
21
23
  @variationButtonLabeled: true;
@@ -24,6 +26,8 @@
24
26
  @variationButtonOr: true;
25
27
  @variationButtonAttached: true;
26
28
  @variationButtonFluid: true;
29
+ @variationButtonEqualWidth: true;
30
+ @variationButtonVertical: true;
27
31
  @variationButtonCircular: true;
28
32
  @variationButtonGroups: true;
29
33
  @variationButtonStackable: true;
@@ -32,6 +36,7 @@
32
36
  /* Container */
33
37
  @variationContainerGrid: true;
34
38
  @variationContainerRelaxed: true;
39
+ @variationContainerVeryRelaxed: true;
35
40
  @variationContainerText: true;
36
41
  @variationContainerFluid: true;
37
42
  @variationContainerAligned: true;
@@ -145,6 +150,9 @@
145
150
  @variationListDivided: true;
146
151
  @variationListCelled: true;
147
152
  @variationListRelaxed: true;
153
+ @variationListVeryRelaxed: true;
154
+ @variationListHeader: true;
155
+ @variationListDescription: true;
148
156
  @variationListSizes: @variationAllSizes;
149
157
 
150
158
  /* Loader */
@@ -187,6 +195,7 @@
187
195
  @variationSegmentPiled: true;
188
196
  @variationSegmentStacked: true;
189
197
  @variationSegmentPadded: true;
198
+ @variationSegmentVeryPadded: true;
190
199
  @variationSegmentCircular: true;
191
200
  @variationSegmentCompact: true;
192
201
  @variationSegmentRaised: true;
@@ -210,6 +219,7 @@
210
219
  @variationStepOrdered: true;
211
220
  @variationStepFluid: true;
212
221
  @variationStepAttached: true;
222
+ @variationStepEqualWidth: true;
213
223
  @variationStepSizes: @variationAllSizes;
214
224
 
215
225
  /* Text */
@@ -236,6 +246,8 @@
236
246
  @variationFormRequired: true;
237
247
  @variationFormInline: true;
238
248
  @variationFormGrouped: true;
249
+ @variationFormEqualWidth: true;
250
+ @variationFormWide: true;
239
251
  @variationFormSizes: @variationAllSizes;
240
252
 
241
253
  /* Grid */
@@ -244,9 +256,11 @@
244
256
  @variationGridCelled: true;
245
257
  @variationGridCentered: true;
246
258
  @variationGridRelaxed: true;
259
+ @variationGridVeryRelaxed: true;
247
260
  @variationGridPadded: true;
248
261
  @variationGridFloated: true;
249
262
  @variationGridDivided: true;
263
+ @variationGridVertical: true;
250
264
  @variationGridAligned: true;
251
265
  @variationGridStretched: true;
252
266
  @variationGridJustified: true;
@@ -254,6 +268,9 @@
254
268
  @variationGridDoubling: true;
255
269
  @variationGridStackable: true;
256
270
  @variationGridCompact: true;
271
+ @variationGridVeryCompact: true;
272
+ @variationGridWide: true;
273
+ @variationGridEqualWidth: true;
257
274
 
258
275
  /* Menu */
259
276
  @variationMenuInverted: true;
@@ -273,6 +290,8 @@
273
290
  @variationMenuCompact: true;
274
291
  @variationMenuFixed: true;
275
292
  @variationMenuAttached: true;
293
+ @variationMenuIcon: true;
294
+ @variationMenuEqualWidth: true;
276
295
  @variationMenuSizes: @variationAllSizes;
277
296
 
278
297
  /* Message */
@@ -305,10 +324,15 @@
305
324
  @variationTableSortable: true;
306
325
  @variationTableCollapsing: true;
307
326
  @variationTableBasic: true;
327
+ @variationTableVeryBasic: true;
308
328
  @variationTableCelled: true;
309
329
  @variationTablePadded: true;
330
+ @variationTableVeryPadded: true;
310
331
  @variationTableCompact: true;
332
+ @variationTableVeryCompact: true;
311
333
  @variationTableMarked: true;
334
+ @variationTableEqualWidth: true;
335
+ @variationTableWide: true;
312
336
  @variationTableSizes: @variationAllSizes;
313
337
 
314
338
 
@@ -341,22 +365,53 @@
341
365
  @variationCardLink: true;
342
366
  @variationCardDoubling: true;
343
367
  @variationCardStackable: true;
368
+ @variationCardFloated: true;
369
+ @variationCardAligned: true;
370
+ @variationCardImage: true;
371
+ @variationCardHeader: true;
372
+ @variationCardDescription: true;
373
+ @variationCardMeta: true;
374
+ @variationCardExtra: true;
375
+ @variationCardButton: true;
376
+ @variationCardStar: true;
377
+ @variationCardLike: true;
378
+ @variationCardEqualWidth: true;
344
379
  @variationCardSizes: @variationAllSizes;
345
380
 
346
381
  /* Comment */
347
382
  @variationCommentInverted: true;
348
383
  @variationCommentThreaded: true;
349
384
  @variationCommentMinimal: true;
385
+ @variationCommentAvatar: true;
386
+ @variationCommentAuthor: true;
387
+ @variationCommentMeta: true;
388
+ @variationCommentActions: true;
389
+ @variationCommentReply: true;
350
390
  @variationCommentSizes: @variationAllSizes;
351
391
 
352
392
  /* Feed */
353
393
  @variationFeedInverted: true;
394
+ @variationFeedMeta: true;
395
+ @variationFeedSummary: true;
396
+ @variationFeedUser: true;
397
+ @variationFeedExtra: true;
398
+ @variationFeedDate: true;
399
+ @variationFeedLike: true;
354
400
  @variationFeedSizes: @variationAllSizes;
355
401
 
356
402
  /* Item */
357
403
  @variationItemInverted: true;
404
+ @variationItemImage: true;
405
+ @variationItemHeader: true;
406
+ @variationItemDescription: true;
407
+ @variationItemMeta: true;
408
+ @variationItemExtra: true;
409
+ @variationItemFavorite: true;
410
+ @variationItemLike: true;
411
+ @variationItemFloated: true;
358
412
  @variationItemAligned: true;
359
413
  @variationItemRelaxed: true;
414
+ @variationItemVeryRelaxed: true;
360
415
  @variationItemDivided: true;
361
416
  @variationItemLink: true;
362
417
  @variationItemUnstackable: true;
@@ -367,6 +422,7 @@
367
422
  @variationStatisticStackable: true;
368
423
  @variationStatisticFloated: true;
369
424
  @variationStatisticHorizontal: true;
425
+ @variationStatisticEqualWidth: true;
370
426
  @variationStatisticSizes: @variationAllSizes;
371
427
 
372
428
 
@@ -430,6 +486,7 @@
430
486
  @variationDropdownFluid: true;
431
487
  @variationDropdownFloating: true;
432
488
  @variationDropdownPointing: true;
489
+ @variationDropdownColumnar: true;
433
490
  @variationDropdownScrollhint: true;
434
491
  @variationDropdownSizes: @variationAllSizes;
435
492
 
@@ -503,7 +560,9 @@
503
560
  @variationSearchAligned: true;
504
561
  @variationSearchFluid: true;
505
562
  @variationSearchShort: true;
563
+ @variationSearchVeryShort: true;
506
564
  @variationSearchLong: true;
565
+ @variationSearchVeryLong: true;
507
566
  @variationSearchScrolling: true;
508
567
  @variationSearchSizes: @variationAllSizes;
509
568
 
@@ -514,7 +573,9 @@
514
573
 
515
574
  /* Sidebar */
516
575
  @variationSidebarThin: true;
576
+ @variationSidebarVeryThin: true;
517
577
  @variationSidebarWide: true;
578
+ @variationSidebarVeryWide: true;
518
579
  @variationSidebarTop: true;
519
580
  @variationSidebarBottom: true;
520
581
  @variationSidebarLeft: true;
@@ -588,3 +649,6 @@
588
649
  /* Emojis */
589
650
  @variationEmojiColons: true;
590
651
  @variationEmojiNoColons: true;
652
+ @variationEmojiDisabled: true;
653
+ @variationEmojiLoading: true;
654
+ @variationEmojiLink: true;
@@ -12,7 +12,7 @@
12
12
 
13
13
  @duration: 0.5s;
14
14
  @transition:
15
- background-color @duration linear
15
+ all @duration linear
16
16
  ;
17
17
  @zIndex: 1000;
18
18
  @textAlign: center;