fomantic-ui 2.8.8-beta.99 → 2.9.0-beta.100

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 (244) hide show
  1. package/.all-contributorsrc +188 -3
  2. package/.github/dependabot.yml +17 -0
  3. package/.github/workflows/ci.yml +1 -1
  4. package/CHANGELOG.md +139 -0
  5. package/CONTRIBUTING.md +1 -1
  6. package/CONTRIBUTORS.md +71 -37
  7. package/README.md +3 -3
  8. package/dist/components/accordion.css +50 -6
  9. package/dist/components/accordion.js +1 -1
  10. package/dist/components/accordion.min.css +2 -2
  11. package/dist/components/accordion.min.js +3 -3
  12. package/dist/components/ad.css +1 -1
  13. package/dist/components/ad.min.css +1 -1
  14. package/dist/components/api.js +26 -24
  15. package/dist/components/api.min.js +4 -4
  16. package/dist/components/breadcrumb.css +1 -1
  17. package/dist/components/breadcrumb.min.css +1 -1
  18. package/dist/components/button.css +81 -81
  19. package/dist/components/button.min.css +2 -2
  20. package/dist/components/calendar.css +1 -1
  21. package/dist/components/calendar.js +110 -11
  22. package/dist/components/calendar.min.css +1 -1
  23. package/dist/components/calendar.min.js +4 -4
  24. package/dist/components/card.css +26 -19
  25. package/dist/components/card.min.css +2 -2
  26. package/dist/components/checkbox.css +6 -4
  27. package/dist/components/checkbox.js +17 -11
  28. package/dist/components/checkbox.min.css +2 -2
  29. package/dist/components/checkbox.min.js +4 -4
  30. package/dist/components/comment.css +11 -11
  31. package/dist/components/comment.min.css +1 -1
  32. package/dist/components/container.css +3 -4
  33. package/dist/components/container.min.css +2 -2
  34. package/dist/components/dimmer.css +28 -14
  35. package/dist/components/dimmer.js +15 -12
  36. package/dist/components/dimmer.min.css +2 -2
  37. package/dist/components/dimmer.min.js +4 -4
  38. package/dist/components/divider.css +1 -1
  39. package/dist/components/divider.min.css +1 -1
  40. package/dist/components/dropdown.css +54 -7
  41. package/dist/components/dropdown.js +107 -77
  42. package/dist/components/dropdown.min.css +2 -2
  43. package/dist/components/dropdown.min.js +4 -4
  44. package/dist/components/embed.css +1 -1
  45. package/dist/components/embed.js +1 -1
  46. package/dist/components/embed.min.css +1 -1
  47. package/dist/components/embed.min.js +3 -3
  48. package/dist/components/emoji.css +2 -2
  49. package/dist/components/feed.css +28 -28
  50. package/dist/components/feed.min.css +2 -2
  51. package/dist/components/flag.css +731 -625
  52. package/dist/components/flag.min.css +2 -2
  53. package/dist/components/form.css +119 -54
  54. package/dist/components/form.js +51 -70
  55. package/dist/components/form.min.css +2 -2
  56. package/dist/components/form.min.js +4 -4
  57. package/dist/components/grid.css +13 -11
  58. package/dist/components/grid.min.css +2 -2
  59. package/dist/components/header.css +3 -3
  60. package/dist/components/header.min.css +2 -2
  61. package/dist/components/icon.css +86 -5
  62. package/dist/components/icon.min.css +2 -2
  63. package/dist/components/image.css +1 -1
  64. package/dist/components/image.min.css +1 -1
  65. package/dist/components/input.css +17 -2
  66. package/dist/components/input.min.css +2 -2
  67. package/dist/components/item.css +13 -13
  68. package/dist/components/item.min.css +1 -1
  69. package/dist/components/label.css +1 -1
  70. package/dist/components/label.min.css +1 -1
  71. package/dist/components/list.css +1 -1
  72. package/dist/components/list.min.css +1 -1
  73. package/dist/components/loader.css +39 -37
  74. package/dist/components/loader.min.css +2 -2
  75. package/dist/components/menu.css +37 -11
  76. package/dist/components/menu.min.css +1 -1
  77. package/dist/components/message.css +78 -34
  78. package/dist/components/message.min.css +2 -2
  79. package/dist/components/modal.css +7 -5
  80. package/dist/components/modal.js +237 -41
  81. package/dist/components/modal.min.css +2 -2
  82. package/dist/components/modal.min.js +4 -4
  83. package/dist/components/nag.css +168 -16
  84. package/dist/components/nag.js +131 -65
  85. package/dist/components/nag.min.css +2 -2
  86. package/dist/components/nag.min.js +4 -4
  87. package/dist/components/placeholder.css +1 -1
  88. package/dist/components/placeholder.min.css +1 -1
  89. package/dist/components/popup.css +5 -3
  90. package/dist/components/popup.js +5 -5
  91. package/dist/components/popup.min.css +2 -2
  92. package/dist/components/popup.min.js +4 -4
  93. package/dist/components/progress.css +2 -1
  94. package/dist/components/progress.js +3 -3
  95. package/dist/components/progress.min.css +2 -2
  96. package/dist/components/progress.min.js +4 -4
  97. package/dist/components/rail.css +1 -1
  98. package/dist/components/rail.min.css +1 -1
  99. package/dist/components/rating.css +8 -62
  100. package/dist/components/rating.js +1 -1
  101. package/dist/components/rating.min.css +2 -2
  102. package/dist/components/rating.min.js +3 -3
  103. package/dist/components/reset.css +2 -3
  104. package/dist/components/reset.min.css +2 -2
  105. package/dist/components/reveal.css +1 -1
  106. package/dist/components/reveal.min.css +1 -1
  107. package/dist/components/search.css +1 -1
  108. package/dist/components/search.js +15 -13
  109. package/dist/components/search.min.css +1 -1
  110. package/dist/components/search.min.js +4 -4
  111. package/dist/components/segment.css +36 -6
  112. package/dist/components/segment.min.css +2 -2
  113. package/dist/components/shape.css +1 -1
  114. package/dist/components/shape.js +1 -1
  115. package/dist/components/shape.min.css +1 -1
  116. package/dist/components/shape.min.js +3 -3
  117. package/dist/components/sidebar.css +4 -2
  118. package/dist/components/sidebar.js +1 -1
  119. package/dist/components/sidebar.min.css +2 -2
  120. package/dist/components/sidebar.min.js +3 -3
  121. package/dist/components/site.css +61 -39
  122. package/dist/components/site.js +1 -1
  123. package/dist/components/site.min.css +2 -2
  124. package/dist/components/site.min.js +3 -3
  125. package/dist/components/slider.js +1 -1
  126. package/dist/components/slider.min.js +3 -3
  127. package/dist/components/state.js +1 -1
  128. package/dist/components/state.min.js +3 -3
  129. package/dist/components/statistic.css +1 -1
  130. package/dist/components/statistic.min.css +1 -1
  131. package/dist/components/step.css +4 -4
  132. package/dist/components/step.min.css +2 -2
  133. package/dist/components/sticky.css +1 -2
  134. package/dist/components/sticky.js +2 -2
  135. package/dist/components/sticky.min.css +2 -2
  136. package/dist/components/sticky.min.js +4 -4
  137. package/dist/components/tab.css +1 -1
  138. package/dist/components/tab.js +1 -1
  139. package/dist/components/tab.min.css +1 -1
  140. package/dist/components/tab.min.js +3 -3
  141. package/dist/components/table.css +5 -3
  142. package/dist/components/table.min.css +2 -2
  143. package/dist/components/text.css +1 -1
  144. package/dist/components/text.min.css +1 -1
  145. package/dist/components/toast.css +123 -10
  146. package/dist/components/toast.js +54 -27
  147. package/dist/components/toast.min.css +2 -2
  148. package/dist/components/toast.min.js +4 -4
  149. package/dist/components/transition.css +1 -1
  150. package/dist/components/transition.js +2 -2
  151. package/dist/components/transition.min.css +1 -1
  152. package/dist/components/transition.min.js +4 -4
  153. package/dist/components/visibility.js +2 -2
  154. package/dist/components/visibility.min.js +3 -3
  155. package/dist/semantic.css +2004 -1124
  156. package/dist/semantic.js +789 -377
  157. package/dist/semantic.min.css +4 -397
  158. package/dist/semantic.min.js +4 -4
  159. package/examples/assets/library/iframe-content.js +8 -8
  160. package/examples/assets/library/iframe.js +3 -3
  161. package/package.json +5 -5
  162. package/scripts/nightly-version.js +23 -8
  163. package/src/definitions/behaviors/api.js +25 -23
  164. package/src/definitions/behaviors/form.js +50 -69
  165. package/src/definitions/behaviors/visibility.js +1 -1
  166. package/src/definitions/collections/form.less +200 -142
  167. package/src/definitions/collections/grid.less +717 -681
  168. package/src/definitions/collections/menu.less +177 -128
  169. package/src/definitions/collections/message.less +77 -44
  170. package/src/definitions/collections/table.less +255 -242
  171. package/src/definitions/elements/button.less +360 -347
  172. package/src/definitions/elements/container.less +16 -8
  173. package/src/definitions/elements/emoji.less +15 -9
  174. package/src/definitions/elements/flag.less +7 -17
  175. package/src/definitions/elements/header.less +44 -37
  176. package/src/definitions/elements/icon.less +121 -43
  177. package/src/definitions/elements/input.less +23 -7
  178. package/src/definitions/elements/label.less +92 -91
  179. package/src/definitions/elements/list.less +55 -45
  180. package/src/definitions/elements/loader.less +38 -35
  181. package/src/definitions/elements/segment.less +51 -23
  182. package/src/definitions/elements/step.less +52 -48
  183. package/src/definitions/elements/text.less +17 -15
  184. package/src/definitions/globals/site.less +23 -2
  185. package/src/definitions/modules/accordion.less +55 -5
  186. package/src/definitions/modules/calendar.js +109 -10
  187. package/src/definitions/modules/checkbox.js +16 -10
  188. package/src/definitions/modules/checkbox.less +44 -186
  189. package/src/definitions/modules/dimmer.js +14 -11
  190. package/src/definitions/modules/dimmer.less +21 -8
  191. package/src/definitions/modules/dropdown.js +106 -76
  192. package/src/definitions/modules/dropdown.less +148 -89
  193. package/src/definitions/modules/modal.js +236 -40
  194. package/src/definitions/modules/modal.less +6 -4
  195. package/src/definitions/modules/nag.js +130 -64
  196. package/src/definitions/modules/nag.less +105 -40
  197. package/src/definitions/modules/popup.js +4 -4
  198. package/src/definitions/modules/popup.less +5 -1
  199. package/src/definitions/modules/progress.js +2 -2
  200. package/src/definitions/modules/progress.less +20 -18
  201. package/src/definitions/modules/rating.less +50 -42
  202. package/src/definitions/modules/search.js +14 -12
  203. package/src/definitions/modules/search.less +32 -16
  204. package/src/definitions/modules/sidebar.less +33 -19
  205. package/src/definitions/modules/slider.less +43 -42
  206. package/src/definitions/modules/sticky.js +1 -1
  207. package/src/definitions/modules/toast.js +53 -26
  208. package/src/definitions/modules/toast.less +139 -25
  209. package/src/definitions/modules/transition.js +1 -1
  210. package/src/definitions/views/card.less +402 -361
  211. package/src/definitions/views/comment.less +92 -81
  212. package/src/definitions/views/feed.less +164 -144
  213. package/src/definitions/views/item.less +249 -196
  214. package/src/definitions/views/statistic.less +90 -88
  215. package/src/themes/default/collections/grid.variables +8 -8
  216. package/src/themes/default/collections/menu.variables +6 -0
  217. package/src/themes/default/collections/table.variables +1 -1
  218. package/src/themes/default/elements/button.variables +2 -1
  219. package/src/themes/default/elements/flag.overrides +1635 -986
  220. package/src/themes/default/elements/flag.variables +7 -5
  221. package/src/themes/default/elements/header.variables +2 -2
  222. package/src/themes/default/elements/icon.overrides +35 -28
  223. package/src/themes/default/elements/icon.variables +4 -0
  224. package/src/themes/default/elements/list.variables +1 -1
  225. package/src/themes/default/elements/step.overrides +1 -1
  226. package/src/themes/default/globals/colors.less +7 -7
  227. package/src/themes/default/globals/site.variables +19 -9
  228. package/src/themes/default/globals/variation.variables +119 -6
  229. package/src/themes/default/modules/accordion.variables +15 -0
  230. package/src/themes/default/modules/checkbox.variables +16 -16
  231. package/src/themes/default/modules/dimmer.variables +1 -1
  232. package/src/themes/default/modules/dropdown.variables +12 -5
  233. package/src/themes/default/modules/modal.variables +2 -2
  234. package/src/themes/default/modules/nag.variables +3 -1
  235. package/src/themes/default/modules/toast.variables +5 -1
  236. package/src/themes/default/views/card.variables +1 -1
  237. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  238. package/src/themes/famfamfam/elements/flag.variables +13 -0
  239. package/tasks/admin/components/init.js +2 -2
  240. package/tasks/admin/distributions/init.js +2 -2
  241. package/tasks/build/css.js +6 -1
  242. package/tasks/config/project/release.js +2 -2
  243. package/tasks/config/tasks.js +13 -9
  244. package/test/helpers/sinon.js +1 -1
package/dist/components/form.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Form
2
+ * # Fomantic-UI 2.9.0-beta.100 - Form
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -68,9 +68,11 @@
68
68
 
69
69
  .ui.form textarea,
70
70
  .ui.form input:not([type]),
71
+ .ui.form input[type="color"],
71
72
  .ui.form input[type="date"],
72
73
  .ui.form input[type="datetime-local"],
73
74
  .ui.form input[type="email"],
75
+ .ui.form input[type="month"],
74
76
  .ui.form input[type="number"],
75
77
  .ui.form input[type="password"],
76
78
  .ui.form input[type="search"],
@@ -78,7 +80,8 @@
78
80
  .ui.form input[type="time"],
79
81
  .ui.form input[type="text"],
80
82
  .ui.form input[type="file"],
81
- .ui.form input[type="url"] {
83
+ .ui.form input[type="url"],
84
+ .ui.form input[type="week"] {
82
85
  width: 100%;
83
86
  vertical-align: top;
84
87
  }
@@ -89,9 +92,11 @@
89
92
  height: 1.21428571em;
90
93
  }
91
94
  .ui.form input:not([type]),
95
+ .ui.form input[type="color"],
92
96
  .ui.form input[type="date"],
93
97
  .ui.form input[type="datetime-local"],
94
98
  .ui.form input[type="email"],
99
+ .ui.form input[type="month"],
95
100
  .ui.form input[type="number"],
96
101
  .ui.form input[type="password"],
97
102
  .ui.form input[type="search"],
@@ -99,7 +104,8 @@
99
104
  .ui.form input[type="time"],
100
105
  .ui.form input[type="text"],
101
106
  .ui.form input[type="file"],
102
- .ui.form input[type="url"] {
107
+ .ui.form input[type="url"],
108
+ .ui.form input[type="week"] {
103
109
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
104
110
  margin: 0;
105
111
  outline: none;
@@ -117,6 +123,9 @@
117
123
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
118
124
  transition: color 0.1s ease, border-color 0.1s ease;
119
125
  }
126
+ .ui.form input[type="color"] {
127
+ padding: initial;
128
+ }
120
129
 
121
130
  /* Text Area */
122
131
  .ui.input textarea,
@@ -225,7 +234,7 @@
225
234
 
226
235
 
227
236
  /* Block */
228
- .ui.form .field > .selection.dropdown {
237
+ .ui.form .field > .selection.dropdown:not(.compact) {
229
238
  min-width: auto;
230
239
  width: 100%;
231
240
  }
@@ -321,6 +330,9 @@
321
330
  border: 1px solid #E0B4B4 !important;
322
331
  color: #9F3A38 !important;
323
332
  }
333
+ .ui.form .field .prompt.label li:before {
334
+ color: #9F3A38;
335
+ }
324
336
  .ui.form .inline.fields .field .prompt,
325
337
  .ui.form .inline.field .prompt {
326
338
  vertical-align: top;
@@ -389,9 +401,11 @@
389
401
  ---------------------*/
390
402
 
391
403
  .ui.form input:not([type]):focus,
404
+ .ui.form input[type="color"]:focus,
392
405
  .ui.form input[type="date"]:focus,
393
406
  .ui.form input[type="datetime-local"]:focus,
394
407
  .ui.form input[type="email"]:focus,
408
+ .ui.form input[type="month"]:focus,
395
409
  .ui.form input[type="number"]:focus,
396
410
  .ui.form input[type="password"]:focus,
397
411
  .ui.form input[type="search"]:focus,
@@ -399,7 +413,8 @@
399
413
  .ui.form input[type="time"]:focus,
400
414
  .ui.form input[type="text"]:focus,
401
415
  .ui.form input[type="file"]:focus,
402
- .ui.form input[type="url"]:focus {
416
+ .ui.form input[type="url"]:focus,
417
+ .ui.form input[type="week"]:focus {
403
418
  color: rgba(0, 0, 0, 0.95);
404
419
  border-color: #85B7D9;
405
420
  border-radius: 0.28571429rem;
@@ -408,9 +423,11 @@
408
423
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
409
424
  }
410
425
  .ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
426
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
411
427
  .ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
412
428
  .ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
413
429
  .ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
430
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="month"]:focus,
414
431
  .ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
415
432
  .ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
416
433
  .ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
@@ -418,14 +435,17 @@
418
435
  .ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
419
436
  .ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
420
437
  .ui.form .ui.action.input:not([class*="left action"]) input[type="file"]:focus,
421
- .ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus {
438
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus,
439
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="week"]:focus {
422
440
  border-top-right-radius: 0;
423
441
  border-bottom-right-radius: 0;
424
442
  }
425
443
  .ui.form .ui[class*="left action"].input input:not([type]),
444
+ .ui.form .ui[class*="left action"].input input[type="color"],
426
445
  .ui.form .ui[class*="left action"].input input[type="date"],
427
446
  .ui.form .ui[class*="left action"].input input[type="datetime-local"],
428
447
  .ui.form .ui[class*="left action"].input input[type="email"],
448
+ .ui.form .ui[class*="left action"].input input[type="month"],
429
449
  .ui.form .ui[class*="left action"].input input[type="number"],
430
450
  .ui.form .ui[class*="left action"].input input[type="password"],
431
451
  .ui.form .ui[class*="left action"].input input[type="search"],
@@ -433,7 +453,8 @@
433
453
  .ui.form .ui[class*="left action"].input input[type="time"],
434
454
  .ui.form .ui[class*="left action"].input input[type="text"],
435
455
  .ui.form .ui[class*="left action"].input input[type="file"],
436
- .ui.form .ui[class*="left action"].input input[type="url"] {
456
+ .ui.form .ui[class*="left action"].input input[type="url"],
457
+ .ui.form .ui[class*="left action"].input input[type="week"] {
437
458
  border-bottom-left-radius: 0;
438
459
  border-top-left-radius: 0;
439
460
  }
@@ -500,9 +521,11 @@
500
521
  .ui.form .fields.error .field textarea,
501
522
  .ui.form .fields.error .field select,
502
523
  .ui.form .fields.error .field input:not([type]),
524
+ .ui.form .fields.error .field input[type="color"],
503
525
  .ui.form .fields.error .field input[type="date"],
504
526
  .ui.form .fields.error .field input[type="datetime-local"],
505
527
  .ui.form .fields.error .field input[type="email"],
528
+ .ui.form .fields.error .field input[type="month"],
506
529
  .ui.form .fields.error .field input[type="number"],
507
530
  .ui.form .fields.error .field input[type="password"],
508
531
  .ui.form .fields.error .field input[type="search"],
@@ -511,12 +534,15 @@
511
534
  .ui.form .fields.error .field input[type="text"],
512
535
  .ui.form .fields.error .field input[type="file"],
513
536
  .ui.form .fields.error .field input[type="url"],
537
+ .ui.form .fields.error .field input[type="week"],
514
538
  .ui.form .field.error textarea,
515
539
  .ui.form .field.error select,
516
540
  .ui.form .field.error input:not([type]),
541
+ .ui.form .field.error input[type="color"],
517
542
  .ui.form .field.error input[type="date"],
518
543
  .ui.form .field.error input[type="datetime-local"],
519
544
  .ui.form .field.error input[type="email"],
545
+ .ui.form .field.error input[type="month"],
520
546
  .ui.form .field.error input[type="number"],
521
547
  .ui.form .field.error input[type="password"],
522
548
  .ui.form .field.error input[type="search"],
@@ -524,7 +550,16 @@
524
550
  .ui.form .field.error input[type="time"],
525
551
  .ui.form .field.error input[type="text"],
526
552
  .ui.form .field.error input[type="file"],
527
- .ui.form .field.error input[type="url"] {
553
+ .ui.form .field.error input[type="url"],
554
+ .ui.form .field.error input[type="week"] {
555
+ color: #9F3A38;
556
+ background: #FFF6F6;
557
+ border-color: #E0B4B4;
558
+ border-radius: '';
559
+ -webkit-box-shadow: none;
560
+ box-shadow: none;
561
+ }
562
+ .ui.form .field input:not(:placeholder-shown):invalid {
528
563
  color: #9F3A38;
529
564
  background: #FFF6F6;
530
565
  border-color: #E0B4B4;
@@ -532,12 +567,21 @@
532
567
  -webkit-box-shadow: none;
533
568
  box-shadow: none;
534
569
  }
570
+ .ui.form .field input:not(:-ms-input-placeholder):invalid {
571
+ color: #9F3A38;
572
+ background: #FFF6F6;
573
+ border-color: #E0B4B4;
574
+ border-radius: '';
575
+ box-shadow: none;
576
+ }
535
577
  .ui.form .field.error textarea:focus,
536
578
  .ui.form .field.error select:focus,
537
579
  .ui.form .field.error input:not([type]):focus,
580
+ .ui.form .field.error input[type="color"]:focus,
538
581
  .ui.form .field.error input[type="date"]:focus,
539
582
  .ui.form .field.error input[type="datetime-local"]:focus,
540
583
  .ui.form .field.error input[type="email"]:focus,
584
+ .ui.form .field.error input[type="month"]:focus,
541
585
  .ui.form .field.error input[type="number"]:focus,
542
586
  .ui.form .field.error input[type="password"]:focus,
543
587
  .ui.form .field.error input[type="search"]:focus,
@@ -545,7 +589,8 @@
545
589
  .ui.form .field.error input[type="time"]:focus,
546
590
  .ui.form .field.error input[type="text"]:focus,
547
591
  .ui.form .field.error input[type="file"]:focus,
548
- .ui.form .field.error input[type="url"]:focus {
592
+ .ui.form .field.error input[type="url"]:focus,
593
+ .ui.form .field.error input[type="week"]:focus {
549
594
  background: #FFF6F6;
550
595
  border-color: #E0B4B4;
551
596
  color: #9F3A38;
@@ -652,24 +697,22 @@
652
697
  ---------------------*/
653
698
 
654
699
  .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
655
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
656
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
657
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
700
+ .ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
658
701
  color: #9F3A38;
659
702
  }
660
703
  .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
661
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
662
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
663
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
704
+ .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before {
664
705
  background: #FFF6F6;
665
706
  border-color: #E0B4B4;
666
707
  }
667
708
  .ui.form .fields.error .field .checkbox label:after,
668
- .ui.form .field.error .checkbox label:after,
669
- .ui.form .fields.error .field .checkbox .box:after,
670
- .ui.form .field.error .checkbox .box:after {
709
+ .ui.form .field.error .checkbox label:after {
671
710
  color: #9F3A38;
672
711
  }
712
+ .ui.inverted.form .fields.error .field label,
713
+ .ui.inverted.form .error.field label {
714
+ color: #ecd1d1;
715
+ }
673
716
 
674
717
  /* On Form */
675
718
  .ui.form.info .info.message:not(:empty) {
@@ -719,9 +762,11 @@
719
762
  .ui.form .fields.info .field textarea,
720
763
  .ui.form .fields.info .field select,
721
764
  .ui.form .fields.info .field input:not([type]),
765
+ .ui.form .fields.info .field input[type="color"],
722
766
  .ui.form .fields.info .field input[type="date"],
723
767
  .ui.form .fields.info .field input[type="datetime-local"],
724
768
  .ui.form .fields.info .field input[type="email"],
769
+ .ui.form .fields.info .field input[type="month"],
725
770
  .ui.form .fields.info .field input[type="number"],
726
771
  .ui.form .fields.info .field input[type="password"],
727
772
  .ui.form .fields.info .field input[type="search"],
@@ -730,12 +775,15 @@
730
775
  .ui.form .fields.info .field input[type="text"],
731
776
  .ui.form .fields.info .field input[type="file"],
732
777
  .ui.form .fields.info .field input[type="url"],
778
+ .ui.form .fields.info .field input[type="week"],
733
779
  .ui.form .field.info textarea,
734
780
  .ui.form .field.info select,
735
781
  .ui.form .field.info input:not([type]),
782
+ .ui.form .field.info input[type="color"],
736
783
  .ui.form .field.info input[type="date"],
737
784
  .ui.form .field.info input[type="datetime-local"],
738
785
  .ui.form .field.info input[type="email"],
786
+ .ui.form .field.info input[type="month"],
739
787
  .ui.form .field.info input[type="number"],
740
788
  .ui.form .field.info input[type="password"],
741
789
  .ui.form .field.info input[type="search"],
@@ -743,7 +791,8 @@
743
791
  .ui.form .field.info input[type="time"],
744
792
  .ui.form .field.info input[type="text"],
745
793
  .ui.form .field.info input[type="file"],
746
- .ui.form .field.info input[type="url"] {
794
+ .ui.form .field.info input[type="url"],
795
+ .ui.form .field.info input[type="week"] {
747
796
  color: #276F86;
748
797
  background: #F8FFFF;
749
798
  border-color: #A9D5DE;
@@ -754,9 +803,11 @@
754
803
  .ui.form .field.info textarea:focus,
755
804
  .ui.form .field.info select:focus,
756
805
  .ui.form .field.info input:not([type]):focus,
806
+ .ui.form .field.info input[type="color"]:focus,
757
807
  .ui.form .field.info input[type="date"]:focus,
758
808
  .ui.form .field.info input[type="datetime-local"]:focus,
759
809
  .ui.form .field.info input[type="email"]:focus,
810
+ .ui.form .field.info input[type="month"]:focus,
760
811
  .ui.form .field.info input[type="number"]:focus,
761
812
  .ui.form .field.info input[type="password"]:focus,
762
813
  .ui.form .field.info input[type="search"]:focus,
@@ -764,7 +815,8 @@
764
815
  .ui.form .field.info input[type="time"]:focus,
765
816
  .ui.form .field.info input[type="text"]:focus,
766
817
  .ui.form .field.info input[type="file"]:focus,
767
- .ui.form .field.info input[type="url"]:focus {
818
+ .ui.form .field.info input[type="url"]:focus,
819
+ .ui.form .field.info input[type="week"]:focus {
768
820
  background: #F8FFFF;
769
821
  border-color: #A9D5DE;
770
822
  color: #276F86;
@@ -871,24 +923,22 @@
871
923
  ---------------------*/
872
924
 
873
925
  .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
874
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) label,
875
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,
876
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box {
926
+ .ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
877
927
  color: #276F86;
878
928
  }
879
929
  .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before,
880
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,
881
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,
882
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before {
930
+ .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before {
883
931
  background: #F8FFFF;
884
932
  border-color: #A9D5DE;
885
933
  }
886
934
  .ui.form .fields.info .field .checkbox label:after,
887
- .ui.form .field.info .checkbox label:after,
888
- .ui.form .fields.info .field .checkbox .box:after,
889
- .ui.form .field.info .checkbox .box:after {
935
+ .ui.form .field.info .checkbox label:after {
890
936
  color: #276F86;
891
937
  }
938
+ .ui.inverted.form .fields.info .field label,
939
+ .ui.inverted.form .info.field label {
940
+ color: #c6e3e9;
941
+ }
892
942
 
893
943
  /* On Form */
894
944
  .ui.form.success .success.message:not(:empty) {
@@ -938,9 +988,11 @@
938
988
  .ui.form .fields.success .field textarea,
939
989
  .ui.form .fields.success .field select,
940
990
  .ui.form .fields.success .field input:not([type]),
991
+ .ui.form .fields.success .field input[type="color"],
941
992
  .ui.form .fields.success .field input[type="date"],
942
993
  .ui.form .fields.success .field input[type="datetime-local"],
943
994
  .ui.form .fields.success .field input[type="email"],
995
+ .ui.form .fields.success .field input[type="month"],
944
996
  .ui.form .fields.success .field input[type="number"],
945
997
  .ui.form .fields.success .field input[type="password"],
946
998
  .ui.form .fields.success .field input[type="search"],
@@ -949,12 +1001,15 @@
949
1001
  .ui.form .fields.success .field input[type="text"],
950
1002
  .ui.form .fields.success .field input[type="file"],
951
1003
  .ui.form .fields.success .field input[type="url"],
1004
+ .ui.form .fields.success .field input[type="week"],
952
1005
  .ui.form .field.success textarea,
953
1006
  .ui.form .field.success select,
954
1007
  .ui.form .field.success input:not([type]),
1008
+ .ui.form .field.success input[type="color"],
955
1009
  .ui.form .field.success input[type="date"],
956
1010
  .ui.form .field.success input[type="datetime-local"],
957
1011
  .ui.form .field.success input[type="email"],
1012
+ .ui.form .field.success input[type="month"],
958
1013
  .ui.form .field.success input[type="number"],
959
1014
  .ui.form .field.success input[type="password"],
960
1015
  .ui.form .field.success input[type="search"],
@@ -962,7 +1017,8 @@
962
1017
  .ui.form .field.success input[type="time"],
963
1018
  .ui.form .field.success input[type="text"],
964
1019
  .ui.form .field.success input[type="file"],
965
- .ui.form .field.success input[type="url"] {
1020
+ .ui.form .field.success input[type="url"],
1021
+ .ui.form .field.success input[type="week"] {
966
1022
  color: #2C662D;
967
1023
  background: #FCFFF5;
968
1024
  border-color: #A3C293;
@@ -973,9 +1029,11 @@
973
1029
  .ui.form .field.success textarea:focus,
974
1030
  .ui.form .field.success select:focus,
975
1031
  .ui.form .field.success input:not([type]):focus,
1032
+ .ui.form .field.success input[type="color"]:focus,
976
1033
  .ui.form .field.success input[type="date"]:focus,
977
1034
  .ui.form .field.success input[type="datetime-local"]:focus,
978
1035
  .ui.form .field.success input[type="email"]:focus,
1036
+ .ui.form .field.success input[type="month"]:focus,
979
1037
  .ui.form .field.success input[type="number"]:focus,
980
1038
  .ui.form .field.success input[type="password"]:focus,
981
1039
  .ui.form .field.success input[type="search"]:focus,
@@ -983,7 +1041,8 @@
983
1041
  .ui.form .field.success input[type="time"]:focus,
984
1042
  .ui.form .field.success input[type="text"]:focus,
985
1043
  .ui.form .field.success input[type="file"]:focus,
986
- .ui.form .field.success input[type="url"]:focus {
1044
+ .ui.form .field.success input[type="url"]:focus,
1045
+ .ui.form .field.success input[type="week"]:focus {
987
1046
  background: #FCFFF5;
988
1047
  border-color: #A3C293;
989
1048
  color: #2C662D;
@@ -1090,24 +1149,22 @@
1090
1149
  ---------------------*/
1091
1150
 
1092
1151
  .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
1093
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) label,
1094
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,
1095
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box {
1152
+ .ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
1096
1153
  color: #2C662D;
1097
1154
  }
1098
1155
  .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before,
1099
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,
1100
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,
1101
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before {
1156
+ .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before {
1102
1157
  background: #FCFFF5;
1103
1158
  border-color: #A3C293;
1104
1159
  }
1105
1160
  .ui.form .fields.success .field .checkbox label:after,
1106
- .ui.form .field.success .checkbox label:after,
1107
- .ui.form .fields.success .field .checkbox .box:after,
1108
- .ui.form .field.success .checkbox .box:after {
1161
+ .ui.form .field.success .checkbox label:after {
1109
1162
  color: #2C662D;
1110
1163
  }
1164
+ .ui.inverted.form .fields.success .field label,
1165
+ .ui.inverted.form .success.field label {
1166
+ color: #b9d1ad;
1167
+ }
1111
1168
 
1112
1169
  /* On Form */
1113
1170
  .ui.form.warning .warning.message:not(:empty) {
@@ -1157,9 +1214,11 @@
1157
1214
  .ui.form .fields.warning .field textarea,
1158
1215
  .ui.form .fields.warning .field select,
1159
1216
  .ui.form .fields.warning .field input:not([type]),
1217
+ .ui.form .fields.warning .field input[type="color"],
1160
1218
  .ui.form .fields.warning .field input[type="date"],
1161
1219
  .ui.form .fields.warning .field input[type="datetime-local"],
1162
1220
  .ui.form .fields.warning .field input[type="email"],
1221
+ .ui.form .fields.warning .field input[type="month"],
1163
1222
  .ui.form .fields.warning .field input[type="number"],
1164
1223
  .ui.form .fields.warning .field input[type="password"],
1165
1224
  .ui.form .fields.warning .field input[type="search"],
@@ -1168,12 +1227,15 @@
1168
1227
  .ui.form .fields.warning .field input[type="text"],
1169
1228
  .ui.form .fields.warning .field input[type="file"],
1170
1229
  .ui.form .fields.warning .field input[type="url"],
1230
+ .ui.form .fields.warning .field input[type="week"],
1171
1231
  .ui.form .field.warning textarea,
1172
1232
  .ui.form .field.warning select,
1173
1233
  .ui.form .field.warning input:not([type]),
1234
+ .ui.form .field.warning input[type="color"],
1174
1235
  .ui.form .field.warning input[type="date"],
1175
1236
  .ui.form .field.warning input[type="datetime-local"],
1176
1237
  .ui.form .field.warning input[type="email"],
1238
+ .ui.form .field.warning input[type="month"],
1177
1239
  .ui.form .field.warning input[type="number"],
1178
1240
  .ui.form .field.warning input[type="password"],
1179
1241
  .ui.form .field.warning input[type="search"],
@@ -1181,7 +1243,8 @@
1181
1243
  .ui.form .field.warning input[type="time"],
1182
1244
  .ui.form .field.warning input[type="text"],
1183
1245
  .ui.form .field.warning input[type="file"],
1184
- .ui.form .field.warning input[type="url"] {
1246
+ .ui.form .field.warning input[type="url"],
1247
+ .ui.form .field.warning input[type="week"] {
1185
1248
  color: #573A08;
1186
1249
  background: #FFFAF3;
1187
1250
  border-color: #C9BA9B;
@@ -1192,9 +1255,11 @@
1192
1255
  .ui.form .field.warning textarea:focus,
1193
1256
  .ui.form .field.warning select:focus,
1194
1257
  .ui.form .field.warning input:not([type]):focus,
1258
+ .ui.form .field.warning input[type="color"]:focus,
1195
1259
  .ui.form .field.warning input[type="date"]:focus,
1196
1260
  .ui.form .field.warning input[type="datetime-local"]:focus,
1197
1261
  .ui.form .field.warning input[type="email"]:focus,
1262
+ .ui.form .field.warning input[type="month"]:focus,
1198
1263
  .ui.form .field.warning input[type="number"]:focus,
1199
1264
  .ui.form .field.warning input[type="password"]:focus,
1200
1265
  .ui.form .field.warning input[type="search"]:focus,
@@ -1202,7 +1267,8 @@
1202
1267
  .ui.form .field.warning input[type="time"]:focus,
1203
1268
  .ui.form .field.warning input[type="text"]:focus,
1204
1269
  .ui.form .field.warning input[type="file"]:focus,
1205
- .ui.form .field.warning input[type="url"]:focus {
1270
+ .ui.form .field.warning input[type="url"]:focus,
1271
+ .ui.form .field.warning input[type="week"]:focus {
1206
1272
  background: #FFFAF3;
1207
1273
  border-color: #C9BA9B;
1208
1274
  color: #573A08;
@@ -1309,24 +1375,22 @@
1309
1375
  ---------------------*/
1310
1376
 
1311
1377
  .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
1312
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,
1313
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,
1314
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box {
1378
+ .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
1315
1379
  color: #573A08;
1316
1380
  }
1317
1381
  .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before,
1318
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,
1319
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,
1320
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before {
1382
+ .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before {
1321
1383
  background: #FFFAF3;
1322
1384
  border-color: #C9BA9B;
1323
1385
  }
1324
1386
  .ui.form .fields.warning .field .checkbox label:after,
1325
- .ui.form .field.warning .checkbox label:after,
1326
- .ui.form .fields.warning .field .checkbox .box:after,
1327
- .ui.form .field.warning .checkbox .box:after {
1387
+ .ui.form .field.warning .checkbox label:after {
1328
1388
  color: #573A08;
1329
1389
  }
1390
+ .ui.inverted.form .fields.warning .field label,
1391
+ .ui.inverted.form .warning.field label {
1392
+ color: #d7ccb5;
1393
+ }
1330
1394
 
1331
1395
  /*--------------------
1332
1396
  Disabled
@@ -1433,9 +1497,7 @@
1433
1497
  .ui.inverted.form label,
1434
1498
  .ui.form .inverted.segment label,
1435
1499
  .ui.form .inverted.segment .ui.checkbox label,
1436
- .ui.form .inverted.segment .ui.checkbox .box,
1437
1500
  .ui.inverted.form .ui.checkbox label,
1438
- .ui.inverted.form .ui.checkbox .box,
1439
1501
  .ui.inverted.form .inline.fields > label,
1440
1502
  .ui.inverted.form .inline.fields .field > label,
1441
1503
  .ui.inverted.form .inline.fields .field > p,
@@ -1452,9 +1514,11 @@
1452
1514
 
1453
1515
  /* Inverted Field */
1454
1516
  .ui.inverted.form input:not([type]),
1517
+ .ui.inverted.form input[type="color"],
1455
1518
  .ui.inverted.form input[type="date"],
1456
1519
  .ui.inverted.form input[type="datetime-local"],
1457
1520
  .ui.inverted.form input[type="email"],
1521
+ .ui.inverted.form input[type="month"],
1458
1522
  .ui.inverted.form input[type="number"],
1459
1523
  .ui.inverted.form input[type="password"],
1460
1524
  .ui.inverted.form input[type="search"],
@@ -1462,7 +1526,8 @@
1462
1526
  .ui.inverted.form input[type="time"],
1463
1527
  .ui.inverted.form input[type="text"],
1464
1528
  .ui.inverted.form input[type="file"],
1465
- .ui.inverted.form input[type="url"] {
1529
+ .ui.inverted.form input[type="url"],
1530
+ .ui.inverted.form input[type="week"] {
1466
1531
  background: #FFFFFF;
1467
1532
  border-color: rgba(255, 255, 255, 0.1);
1468
1533
  color: rgba(0, 0, 0, 0.87);