fomantic-ui 2.9.0-beta.9 → 2.9.0-beta.90

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 (216) hide show
  1. package/.all-contributorsrc +188 -3
  2. package/CONTRIBUTORS.md +71 -37
  3. package/README.md +1 -1
  4. package/dist/components/accordion.css +50 -6
  5. package/dist/components/accordion.js +1 -1
  6. package/dist/components/accordion.min.css +2 -2
  7. package/dist/components/accordion.min.js +1 -1
  8. package/dist/components/ad.css +1 -1
  9. package/dist/components/ad.min.css +1 -1
  10. package/dist/components/api.js +25 -23
  11. package/dist/components/api.min.js +2 -2
  12. package/dist/components/breadcrumb.css +1 -1
  13. package/dist/components/breadcrumb.min.css +1 -1
  14. package/dist/components/button.css +81 -81
  15. package/dist/components/button.min.css +2 -2
  16. package/dist/components/calendar.css +1 -1
  17. package/dist/components/calendar.js +106 -10
  18. package/dist/components/calendar.min.css +1 -1
  19. package/dist/components/calendar.min.js +2 -2
  20. package/dist/components/card.css +26 -19
  21. package/dist/components/card.min.css +2 -2
  22. package/dist/components/checkbox.css +2 -1
  23. package/dist/components/checkbox.js +17 -11
  24. package/dist/components/checkbox.min.css +2 -2
  25. package/dist/components/checkbox.min.js +2 -2
  26. package/dist/components/comment.css +11 -11
  27. package/dist/components/comment.min.css +1 -1
  28. package/dist/components/container.css +1 -1
  29. package/dist/components/container.min.css +1 -1
  30. package/dist/components/dimmer.css +28 -14
  31. package/dist/components/dimmer.js +1 -1
  32. package/dist/components/dimmer.min.css +2 -2
  33. package/dist/components/dimmer.min.js +1 -1
  34. package/dist/components/divider.css +1 -1
  35. package/dist/components/divider.min.css +1 -1
  36. package/dist/components/dropdown.css +28 -5
  37. package/dist/components/dropdown.js +14 -18
  38. package/dist/components/dropdown.min.css +2 -2
  39. package/dist/components/dropdown.min.js +2 -2
  40. package/dist/components/embed.css +1 -1
  41. package/dist/components/embed.js +1 -1
  42. package/dist/components/embed.min.css +1 -1
  43. package/dist/components/embed.min.js +1 -1
  44. package/dist/components/emoji.css +2 -2
  45. package/dist/components/feed.css +28 -28
  46. package/dist/components/feed.min.css +2 -2
  47. package/dist/components/flag.css +731 -625
  48. package/dist/components/flag.min.css +2 -2
  49. package/dist/components/form.css +103 -54
  50. package/dist/components/form.js +24 -22
  51. package/dist/components/form.min.css +2 -2
  52. package/dist/components/form.min.js +2 -2
  53. package/dist/components/grid.css +11 -8
  54. package/dist/components/grid.min.css +2 -2
  55. package/dist/components/header.css +1 -1
  56. package/dist/components/header.min.css +1 -1
  57. package/dist/components/icon.css +6 -1
  58. package/dist/components/icon.min.css +2 -2
  59. package/dist/components/image.css +1 -1
  60. package/dist/components/image.min.css +1 -1
  61. package/dist/components/input.css +17 -2
  62. package/dist/components/input.min.css +2 -2
  63. package/dist/components/item.css +13 -13
  64. package/dist/components/item.min.css +1 -1
  65. package/dist/components/label.css +1 -1
  66. package/dist/components/label.min.css +1 -1
  67. package/dist/components/list.css +1 -1
  68. package/dist/components/list.min.css +1 -1
  69. package/dist/components/loader.css +1 -1
  70. package/dist/components/loader.min.css +1 -1
  71. package/dist/components/menu.css +29 -5
  72. package/dist/components/menu.min.css +1 -1
  73. package/dist/components/message.css +41 -41
  74. package/dist/components/message.min.css +2 -2
  75. package/dist/components/modal.css +3 -1
  76. package/dist/components/modal.js +94 -30
  77. package/dist/components/modal.min.css +2 -2
  78. package/dist/components/modal.min.js +2 -2
  79. package/dist/components/nag.css +1 -1
  80. package/dist/components/nag.js +1 -1
  81. package/dist/components/nag.min.css +1 -1
  82. package/dist/components/nag.min.js +1 -1
  83. package/dist/components/placeholder.css +1 -1
  84. package/dist/components/placeholder.min.css +1 -1
  85. package/dist/components/popup.css +5 -3
  86. package/dist/components/popup.js +1 -1
  87. package/dist/components/popup.min.css +2 -2
  88. package/dist/components/popup.min.js +1 -1
  89. package/dist/components/progress.css +1 -1
  90. package/dist/components/progress.js +1 -1
  91. package/dist/components/progress.min.css +1 -1
  92. package/dist/components/progress.min.js +1 -1
  93. package/dist/components/rail.css +1 -1
  94. package/dist/components/rail.min.css +1 -1
  95. package/dist/components/rating.css +7 -46
  96. package/dist/components/rating.js +1 -1
  97. package/dist/components/rating.min.css +2 -2
  98. package/dist/components/rating.min.js +1 -1
  99. package/dist/components/reset.css +1 -1
  100. package/dist/components/reset.min.css +1 -1
  101. package/dist/components/reveal.css +1 -1
  102. package/dist/components/reveal.min.css +1 -1
  103. package/dist/components/search.css +1 -1
  104. package/dist/components/search.js +1 -1
  105. package/dist/components/search.min.css +1 -1
  106. package/dist/components/search.min.js +1 -1
  107. package/dist/components/segment.css +12 -6
  108. package/dist/components/segment.min.css +2 -2
  109. package/dist/components/shape.css +1 -1
  110. package/dist/components/shape.js +1 -1
  111. package/dist/components/shape.min.css +1 -1
  112. package/dist/components/shape.min.js +1 -1
  113. package/dist/components/sidebar.css +4 -2
  114. package/dist/components/sidebar.js +1 -1
  115. package/dist/components/sidebar.min.css +2 -2
  116. package/dist/components/sidebar.min.js +1 -1
  117. package/dist/components/site.css +61 -39
  118. package/dist/components/site.js +1 -1
  119. package/dist/components/site.min.css +2 -2
  120. package/dist/components/site.min.js +1 -1
  121. package/dist/components/slider.js +1 -1
  122. package/dist/components/slider.min.js +1 -1
  123. package/dist/components/state.js +1 -1
  124. package/dist/components/state.min.js +1 -1
  125. package/dist/components/statistic.css +1 -1
  126. package/dist/components/statistic.min.css +1 -1
  127. package/dist/components/step.css +4 -4
  128. package/dist/components/step.min.css +2 -2
  129. package/dist/components/sticky.css +1 -1
  130. package/dist/components/sticky.js +1 -1
  131. package/dist/components/sticky.min.css +1 -1
  132. package/dist/components/sticky.min.js +1 -1
  133. package/dist/components/tab.css +1 -1
  134. package/dist/components/tab.js +1 -1
  135. package/dist/components/tab.min.css +1 -1
  136. package/dist/components/tab.min.js +1 -1
  137. package/dist/components/table.css +5 -3
  138. package/dist/components/table.min.css +2 -2
  139. package/dist/components/text.css +1 -1
  140. package/dist/components/text.min.css +1 -1
  141. package/dist/components/toast.css +7 -1
  142. package/dist/components/toast.js +5 -4
  143. package/dist/components/toast.min.css +2 -2
  144. package/dist/components/toast.min.js +2 -2
  145. package/dist/components/transition.css +1 -1
  146. package/dist/components/transition.js +1 -1
  147. package/dist/components/transition.min.css +1 -1
  148. package/dist/components/transition.min.js +1 -1
  149. package/dist/components/visibility.js +1 -1
  150. package/dist/components/visibility.min.js +1 -1
  151. package/dist/semantic.css +1375 -1030
  152. package/dist/semantic.js +303 -136
  153. package/dist/semantic.min.css +2 -2
  154. package/dist/semantic.min.js +2 -2
  155. package/examples/assets/library/iframe-content.js +5 -5
  156. package/package.json +2 -2
  157. package/src/definitions/behaviors/api.js +24 -22
  158. package/src/definitions/behaviors/form.js +23 -21
  159. package/src/definitions/collections/form.less +190 -139
  160. package/src/definitions/collections/grid.less +716 -680
  161. package/src/definitions/collections/menu.less +173 -126
  162. package/src/definitions/collections/message.less +48 -46
  163. package/src/definitions/collections/table.less +255 -242
  164. package/src/definitions/elements/button.less +360 -347
  165. package/src/definitions/elements/container.less +16 -8
  166. package/src/definitions/elements/emoji.less +15 -9
  167. package/src/definitions/elements/flag.less +7 -17
  168. package/src/definitions/elements/header.less +42 -35
  169. package/src/definitions/elements/icon.less +38 -31
  170. package/src/definitions/elements/input.less +23 -7
  171. package/src/definitions/elements/label.less +92 -91
  172. package/src/definitions/elements/list.less +55 -45
  173. package/src/definitions/elements/loader.less +30 -29
  174. package/src/definitions/elements/segment.less +30 -22
  175. package/src/definitions/elements/step.less +52 -48
  176. package/src/definitions/elements/text.less +17 -15
  177. package/src/definitions/globals/site.less +23 -2
  178. package/src/definitions/modules/accordion.less +55 -5
  179. package/src/definitions/modules/calendar.js +105 -9
  180. package/src/definitions/modules/checkbox.js +16 -10
  181. package/src/definitions/modules/checkbox.less +34 -178
  182. package/src/definitions/modules/dimmer.less +21 -8
  183. package/src/definitions/modules/dropdown.js +13 -17
  184. package/src/definitions/modules/dropdown.less +99 -67
  185. package/src/definitions/modules/modal.js +93 -29
  186. package/src/definitions/modules/modal.less +2 -0
  187. package/src/definitions/modules/nag.less +20 -19
  188. package/src/definitions/modules/popup.less +5 -1
  189. package/src/definitions/modules/progress.less +19 -18
  190. package/src/definitions/modules/rating.less +49 -42
  191. package/src/definitions/modules/search.less +32 -16
  192. package/src/definitions/modules/sidebar.less +33 -19
  193. package/src/definitions/modules/slider.less +39 -38
  194. package/src/definitions/modules/toast.js +4 -3
  195. package/src/definitions/modules/toast.less +22 -16
  196. package/src/definitions/views/card.less +402 -361
  197. package/src/definitions/views/comment.less +92 -81
  198. package/src/definitions/views/feed.less +164 -144
  199. package/src/definitions/views/item.less +249 -196
  200. package/src/definitions/views/statistic.less +90 -88
  201. package/src/themes/default/collections/menu.variables +6 -0
  202. package/src/themes/default/elements/button.variables +2 -1
  203. package/src/themes/default/elements/flag.overrides +1635 -986
  204. package/src/themes/default/elements/flag.variables +7 -5
  205. package/src/themes/default/elements/icon.overrides +35 -28
  206. package/src/themes/default/elements/icon.variables +1 -0
  207. package/src/themes/default/elements/step.overrides +1 -1
  208. package/src/themes/default/globals/site.variables +6 -0
  209. package/src/themes/default/globals/variation.variables +104 -6
  210. package/src/themes/default/modules/accordion.variables +15 -0
  211. package/src/themes/default/modules/dimmer.variables +1 -1
  212. package/src/themes/default/modules/dropdown.variables +1 -1
  213. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  214. package/src/themes/famfamfam/elements/flag.variables +13 -0
  215. package/tasks/build/css.js +6 -1
  216. package/test/helpers/sinon.js +1 -1
package/src/definitions/views/statistic.less CHANGED
@@ -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
 
@@ -323,25 +324,26 @@
323
324
  /*--------------
324
325
  Colors
325
326
  ---------------*/
326
-
327
- each(@colors,{
328
- @color: replace(@key,'@','');
329
- @c: @colors[@@color][color];
330
- @l: @colors[@@color][light];
331
-
332
- .ui.@{color}.statistics .statistic > .value,
333
- .ui.statistics .@{color}.statistic > .value,
334
- .ui.@{color}.statistic > .value {
335
- color: @c;
336
- }
337
- & when (@variationStatisticInverted) {
338
- .ui.inverted.@{color}.statistics .statistic > .value,
339
- .ui.statistics .inverted.@{color}.statistic > .value,
340
- .ui.inverted.@{color}.statistic > .value {
341
- color: @l;
327
+ & when not (@variationStatisticColors = false) {
328
+ each(@variationStatisticColors, {
329
+ @color: @value;
330
+ @c: @colors[@@color][color];
331
+ @l: @colors[@@color][light];
332
+
333
+ .ui.@{color}.statistics .statistic > .value,
334
+ .ui.statistics .@{color}.statistic > .value,
335
+ .ui.@{color}.statistic > .value {
336
+ color: @c;
342
337
  }
343
- }
344
- })
338
+ & when (@variationStatisticInverted) {
339
+ .ui.inverted.@{color}.statistics .statistic > .value,
340
+ .ui.statistics .inverted.@{color}.statistic > .value,
341
+ .ui.inverted.@{color}.statistic > .value {
342
+ color: @l;
343
+ }
344
+ }
345
+ })
346
+ }
345
347
 
346
348
  & when (@variationStatisticFloated) {
347
349
  /*--------------
package/src/themes/default/collections/menu.variables CHANGED
@@ -481,3 +481,9 @@
481
481
 
482
482
  @invertedDropdownSelectedItemBackground: @strongTransparentWhite;
483
483
  @invertedDropdownSelectedItemColor: @invertedDropdownItemColor;
484
+
485
+ /* Tabular */
486
+ @invertedTabularBorderColor: @solidWhiteBorderColor;
487
+ @invertedTabularBorder: @borderWidth solid @invertedTabularBorderColor;
488
+ @invertedTabularActiveBackground: none @black;
489
+ @invertedTabularHoveredTextColor: @invertedHoveredTextColor;
package/src/themes/default/elements/button.variables CHANGED
@@ -253,7 +253,8 @@
253
253
  /*-------------
254
254
  Tertiary
255
255
  -------------*/
256
- @tertiaryLinePadding: 0.5em;
256
+ @tertiaryVerticalPadding: 0.5em;
257
+ @tertiaryHorizontalPadding: 0.5em;
257
258
  @tertiaryLineHeight: 0.2em;
258
259
  @tertiaryTextColor: @textColor;
259
260
  @tertiaryLineColor: lighten(@tertiaryTextColor, 20%);