fomantic-ui 2.9.0-beta.25 → 2.9.0-beta.250

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 (282) hide show
  1. package/.all-contributorsrc +206 -3
  2. package/.github/workflows/ci.yml +4 -4
  3. package/.github/workflows/nightly.yml +4 -4
  4. package/.github/workflows/release.yml +30 -0
  5. package/CONTRIBUTORS.md +75 -37
  6. package/README.md +8 -8
  7. package/dist/components/accordion.css +162 -26
  8. package/dist/components/accordion.js +1 -1
  9. package/dist/components/accordion.min.css +2 -2
  10. package/dist/components/accordion.min.js +2 -2
  11. package/dist/components/ad.css +1 -1
  12. package/dist/components/ad.min.css +1 -1
  13. package/dist/components/api.js +34 -30
  14. package/dist/components/api.min.js +3 -3
  15. package/dist/components/breadcrumb.css +1 -1
  16. package/dist/components/breadcrumb.min.css +1 -1
  17. package/dist/components/button.css +176 -134
  18. package/dist/components/button.min.css +2 -2
  19. package/dist/components/calendar.css +18 -1
  20. package/dist/components/calendar.js +10 -9
  21. package/dist/components/calendar.min.css +2 -2
  22. package/dist/components/calendar.min.js +3 -3
  23. package/dist/components/card.css +26 -19
  24. package/dist/components/card.min.css +2 -2
  25. package/dist/components/checkbox.css +2 -1
  26. package/dist/components/checkbox.js +17 -11
  27. package/dist/components/checkbox.min.css +2 -2
  28. package/dist/components/checkbox.min.js +3 -3
  29. package/dist/components/comment.css +11 -11
  30. package/dist/components/comment.min.css +1 -1
  31. package/dist/components/container.css +77 -1
  32. package/dist/components/container.min.css +2 -2
  33. package/dist/components/dimmer.css +28 -14
  34. package/dist/components/dimmer.js +11 -5
  35. package/dist/components/dimmer.min.css +2 -2
  36. package/dist/components/dimmer.min.js +3 -3
  37. package/dist/components/divider.css +1 -1
  38. package/dist/components/divider.min.css +1 -1
  39. package/dist/components/dropdown.css +49 -13
  40. package/dist/components/dropdown.js +61 -37
  41. package/dist/components/dropdown.min.css +2 -2
  42. package/dist/components/dropdown.min.js +3 -3
  43. package/dist/components/embed.css +1 -1
  44. package/dist/components/embed.js +1 -1
  45. package/dist/components/embed.min.css +1 -1
  46. package/dist/components/embed.min.js +2 -2
  47. package/dist/components/emoji.css +10147 -8139
  48. package/dist/components/emoji.min.css +1 -1
  49. package/dist/components/feed.css +28 -28
  50. package/dist/components/feed.min.css +2 -2
  51. package/dist/components/flag.css +734 -625
  52. package/dist/components/flag.min.css +2 -2
  53. package/dist/components/form.css +106 -55
  54. package/dist/components/form.js +30 -28
  55. package/dist/components/form.min.css +2 -2
  56. package/dist/components/form.min.js +3 -3
  57. package/dist/components/grid.css +11 -8
  58. package/dist/components/grid.min.css +2 -2
  59. package/dist/components/header.css +3 -1
  60. package/dist/components/header.min.css +2 -2
  61. package/dist/components/icon.css +126 -47
  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 +734 -17
  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 +1 -1
  74. package/dist/components/loader.min.css +1 -1
  75. package/dist/components/menu.css +29 -5
  76. package/dist/components/menu.min.css +1 -1
  77. package/dist/components/message.css +41 -41
  78. package/dist/components/message.min.css +2 -2
  79. package/dist/components/modal.css +13 -1
  80. package/dist/components/modal.js +127 -49
  81. package/dist/components/modal.min.css +2 -2
  82. package/dist/components/modal.min.js +3 -3
  83. package/dist/components/nag.css +1 -1
  84. package/dist/components/nag.js +1 -1
  85. package/dist/components/nag.min.css +1 -1
  86. package/dist/components/nag.min.js +2 -2
  87. package/dist/components/placeholder.css +1 -1
  88. package/dist/components/placeholder.min.css +1 -1
  89. package/dist/components/popup.css +1 -1
  90. package/dist/components/popup.js +2 -2
  91. package/dist/components/popup.min.css +1 -1
  92. package/dist/components/popup.min.js +3 -3
  93. package/dist/components/progress.css +1 -1
  94. package/dist/components/progress.js +4 -1
  95. package/dist/components/progress.min.css +1 -1
  96. package/dist/components/progress.min.js +3 -3
  97. package/dist/components/rail.css +1 -1
  98. package/dist/components/rail.min.css +1 -1
  99. package/dist/components/rating.css +1 -1
  100. package/dist/components/rating.js +1 -1
  101. package/dist/components/rating.min.css +1 -1
  102. package/dist/components/rating.min.js +2 -2
  103. package/dist/components/reset.css +1 -1
  104. package/dist/components/reset.min.css +1 -1
  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 +1 -1
  109. package/dist/components/search.min.css +1 -1
  110. package/dist/components/search.min.js +2 -2
  111. package/dist/components/segment.css +90 -6
  112. package/dist/components/segment.min.css +2 -2
  113. package/dist/components/shape.css +1 -1
  114. package/dist/components/shape.js +3 -3
  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 +8 -6
  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 +2 -2
  125. package/dist/components/slider.js +1 -1
  126. package/dist/components/slider.min.js +2 -2
  127. package/dist/components/state.js +1 -1
  128. package/dist/components/state.min.js +2 -2
  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 -1
  134. package/dist/components/sticky.js +1 -1
  135. package/dist/components/sticky.min.css +1 -1
  136. package/dist/components/sticky.min.js +2 -2
  137. package/dist/components/tab.css +1 -1
  138. package/dist/components/tab.js +23 -5
  139. package/dist/components/tab.min.css +1 -1
  140. package/dist/components/tab.min.js +3 -3
  141. package/dist/components/table.css +1168 -26
  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 +39 -1
  146. package/dist/components/toast.js +56 -28
  147. package/dist/components/toast.min.css +2 -2
  148. package/dist/components/toast.min.js +3 -3
  149. package/dist/components/transition.css +1 -1
  150. package/dist/components/transition.js +21 -16
  151. package/dist/components/transition.min.css +1 -1
  152. package/dist/components/transition.min.js +3 -3
  153. package/dist/components/visibility.js +1 -1
  154. package/dist/components/visibility.min.js +2 -2
  155. package/dist/semantic.css +21874 -16239
  156. package/dist/semantic.js +419 -242
  157. package/dist/semantic.min.css +3 -3
  158. package/dist/semantic.min.js +3 -3
  159. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  160. package/dist/themes/default/assets/fonts/brand-icons.svg +801 -654
  161. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  162. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  163. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  164. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  165. package/dist/themes/default/assets/fonts/icons.svg +1175 -1079
  166. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  167. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  168. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  169. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  170. package/dist/themes/default/assets/fonts/outline-icons.svg +93 -95
  171. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  172. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  173. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  174. package/examples/assets/library/iframe-content.js +8 -8
  175. package/examples/assets/library/iframe.js +3 -3
  176. package/package.json +10 -9
  177. package/src/definitions/behaviors/api.js +33 -29
  178. package/src/definitions/behaviors/form.js +29 -27
  179. package/src/definitions/collections/form.less +193 -140
  180. package/src/definitions/collections/grid.less +716 -680
  181. package/src/definitions/collections/menu.less +173 -126
  182. package/src/definitions/collections/message.less +48 -46
  183. package/src/definitions/collections/table.less +849 -262
  184. package/src/definitions/elements/button.less +586 -449
  185. package/src/definitions/elements/container.less +126 -8
  186. package/src/definitions/elements/emoji.less +15 -9
  187. package/src/definitions/elements/flag.less +7 -17
  188. package/src/definitions/elements/header.less +44 -35
  189. package/src/definitions/elements/icon.less +38 -31
  190. package/src/definitions/elements/input.less +256 -21
  191. package/src/definitions/elements/label.less +92 -91
  192. package/src/definitions/elements/list.less +55 -45
  193. package/src/definitions/elements/loader.less +30 -29
  194. package/src/definitions/elements/segment.less +146 -27
  195. package/src/definitions/elements/step.less +52 -48
  196. package/src/definitions/elements/text.less +17 -15
  197. package/src/definitions/globals/site.less +23 -2
  198. package/src/definitions/modules/accordion.less +175 -24
  199. package/src/definitions/modules/calendar.js +9 -8
  200. package/src/definitions/modules/calendar.less +20 -0
  201. package/src/definitions/modules/checkbox.js +16 -10
  202. package/src/definitions/modules/checkbox.less +34 -178
  203. package/src/definitions/modules/dimmer.js +10 -4
  204. package/src/definitions/modules/dimmer.less +21 -8
  205. package/src/definitions/modules/dropdown.js +60 -36
  206. package/src/definitions/modules/dropdown.less +145 -94
  207. package/src/definitions/modules/modal.js +126 -48
  208. package/src/definitions/modules/modal.less +12 -0
  209. package/src/definitions/modules/nag.less +20 -19
  210. package/src/definitions/modules/popup.js +1 -1
  211. package/src/definitions/modules/progress.js +3 -0
  212. package/src/definitions/modules/progress.less +19 -18
  213. package/src/definitions/modules/rating.less +35 -34
  214. package/src/definitions/modules/search.less +32 -16
  215. package/src/definitions/modules/shape.js +2 -2
  216. package/src/definitions/modules/sidebar.js +7 -5
  217. package/src/definitions/modules/sidebar.less +33 -19
  218. package/src/definitions/modules/slider.less +39 -38
  219. package/src/definitions/modules/tab.js +22 -4
  220. package/src/definitions/modules/toast.js +55 -27
  221. package/src/definitions/modules/toast.less +48 -16
  222. package/src/definitions/modules/transition.js +20 -15
  223. package/src/definitions/views/card.less +402 -361
  224. package/src/definitions/views/comment.less +92 -81
  225. package/src/definitions/views/feed.less +164 -144
  226. package/src/definitions/views/item.less +249 -196
  227. package/src/definitions/views/statistic.less +90 -88
  228. package/src/themes/bookish/elements/header.overrides +1 -1
  229. package/src/themes/chubby/elements/button.overrides +1 -1
  230. package/src/themes/chubby/elements/header.overrides +1 -1
  231. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  232. package/src/themes/default/assets/fonts/brand-icons.svg +801 -654
  233. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  234. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  235. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  236. package/src/themes/default/assets/fonts/icons.eot +0 -0
  237. package/src/themes/default/assets/fonts/icons.svg +1175 -1079
  238. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  239. package/src/themes/default/assets/fonts/icons.woff +0 -0
  240. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  241. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  242. package/src/themes/default/assets/fonts/outline-icons.svg +93 -95
  243. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  244. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  245. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  246. package/src/themes/default/collections/menu.variables +6 -0
  247. package/src/themes/default/collections/table.variables +52 -0
  248. package/src/themes/default/elements/button.variables +7 -1
  249. package/src/themes/default/elements/container.variables +8 -0
  250. package/src/themes/default/elements/emoji.overrides +1734 -1232
  251. package/src/themes/default/elements/flag.overrides +1641 -986
  252. package/src/themes/default/elements/flag.variables +7 -5
  253. package/src/themes/default/elements/icon.overrides +75 -48
  254. package/src/themes/default/elements/icon.variables +1 -0
  255. package/src/themes/default/elements/input.variables +15 -0
  256. package/src/themes/default/elements/segment.variables +8 -0
  257. package/src/themes/default/elements/step.overrides +1 -1
  258. package/src/themes/default/globals/site.variables +6 -0
  259. package/src/themes/default/globals/variation.variables +138 -6
  260. package/src/themes/default/modules/accordion.variables +49 -2
  261. package/src/themes/default/modules/calendar.variables +3 -0
  262. package/src/themes/default/modules/checkbox.variables +5 -5
  263. package/src/themes/default/modules/dimmer.variables +1 -1
  264. package/src/themes/default/modules/dropdown.variables +4 -10
  265. package/src/themes/default/modules/modal.variables +13 -0
  266. package/src/themes/default/modules/toast.variables +3 -0
  267. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  268. package/src/themes/famfamfam/elements/flag.variables +13 -0
  269. package/src/themes/instagram/views/card.overrides +1 -1
  270. package/src/themes/joypixels/elements/emoji.overrides +1759 -1257
  271. package/src/themes/joypixels/elements/emoji.variables +1 -1
  272. package/src/themes/material/collections/menu.overrides +1 -1
  273. package/src/themes/material/elements/button.overrides +1 -1
  274. package/src/themes/material/elements/header.overrides +1 -1
  275. package/src/themes/material/modules/dropdown.overrides +1 -1
  276. package/src/themes/material/modules/modal.overrides +1 -1
  277. package/src/themes/rtl/globals/site.overrides +1 -1
  278. package/src/themes/twitter/elements/emoji.overrides +1734 -1232
  279. package/tasks/build/css.js +6 -1
  280. package/tasks/config/project/install.js +11 -5
  281. package/tasks/install.js +1 -0
  282. package/test/helpers/sinon.js +2 -2
package/dist/components/form.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0-beta.25 - Form
2
+ * # Fomantic-UI 2.9.0-beta.250 - Form
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -56,11 +56,13 @@
56
56
  .ui.form .field > label {
57
57
  display: block;
58
58
  margin: 0 0 0.28571429rem 0;
59
- color: rgba(0, 0, 0, 0.87);
60
59
  font-size: 0.92857143em;
61
60
  font-weight: bold;
62
61
  text-transform: none;
63
62
  }
63
+ .ui.form .field > label:not(.button) {
64
+ color: rgba(0, 0, 0, 0.87);
65
+ }
64
66
 
65
67
  /*--------------------
66
68
  Standard Inputs
@@ -68,9 +70,11 @@
68
70
 
69
71
  .ui.form textarea,
70
72
  .ui.form input:not([type]),
73
+ .ui.form input[type="color"],
71
74
  .ui.form input[type="date"],
72
75
  .ui.form input[type="datetime-local"],
73
76
  .ui.form input[type="email"],
77
+ .ui.form input[type="month"],
74
78
  .ui.form input[type="number"],
75
79
  .ui.form input[type="password"],
76
80
  .ui.form input[type="search"],
@@ -78,7 +82,8 @@
78
82
  .ui.form input[type="time"],
79
83
  .ui.form input[type="text"],
80
84
  .ui.form input[type="file"],
81
- .ui.form input[type="url"] {
85
+ .ui.form input[type="url"],
86
+ .ui.form input[type="week"] {
82
87
  width: 100%;
83
88
  vertical-align: top;
84
89
  }
@@ -89,9 +94,11 @@
89
94
  height: 1.21428571em;
90
95
  }
91
96
  .ui.form input:not([type]),
97
+ .ui.form input[type="color"],
92
98
  .ui.form input[type="date"],
93
99
  .ui.form input[type="datetime-local"],
94
100
  .ui.form input[type="email"],
101
+ .ui.form input[type="month"],
95
102
  .ui.form input[type="number"],
96
103
  .ui.form input[type="password"],
97
104
  .ui.form input[type="search"],
@@ -99,7 +106,8 @@
99
106
  .ui.form input[type="time"],
100
107
  .ui.form input[type="text"],
101
108
  .ui.form input[type="file"],
102
- .ui.form input[type="url"] {
109
+ .ui.form input[type="url"],
110
+ .ui.form input[type="week"] {
103
111
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
104
112
  margin: 0;
105
113
  outline: none;
@@ -117,6 +125,9 @@
117
125
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
118
126
  transition: color 0.1s ease, border-color 0.1s ease;
119
127
  }
128
+ .ui.form input[type="color"] {
129
+ padding: initial;
130
+ }
120
131
 
121
132
  /* Text Area */
122
133
  .ui.input textarea,
@@ -225,7 +236,7 @@
225
236
 
226
237
 
227
238
  /* Block */
228
- .ui.form .field > .selection.dropdown {
239
+ .ui.form .field > .selection.dropdown:not(.compact) {
229
240
  min-width: auto;
230
241
  width: 100%;
231
242
  }
@@ -321,6 +332,9 @@
321
332
  border: 1px solid #E0B4B4 !important;
322
333
  color: #9F3A38 !important;
323
334
  }
335
+ .ui.form .field .prompt.label li:before {
336
+ color: #9F3A38;
337
+ }
324
338
  .ui.form .inline.fields .field .prompt,
325
339
  .ui.form .inline.field .prompt {
326
340
  vertical-align: top;
@@ -389,9 +403,11 @@
389
403
  ---------------------*/
390
404
 
391
405
  .ui.form input:not([type]):focus,
406
+ .ui.form input[type="color"]:focus,
392
407
  .ui.form input[type="date"]:focus,
393
408
  .ui.form input[type="datetime-local"]:focus,
394
409
  .ui.form input[type="email"]:focus,
410
+ .ui.form input[type="month"]:focus,
395
411
  .ui.form input[type="number"]:focus,
396
412
  .ui.form input[type="password"]:focus,
397
413
  .ui.form input[type="search"]:focus,
@@ -399,7 +415,8 @@
399
415
  .ui.form input[type="time"]:focus,
400
416
  .ui.form input[type="text"]:focus,
401
417
  .ui.form input[type="file"]:focus,
402
- .ui.form input[type="url"]:focus {
418
+ .ui.form input[type="url"]:focus,
419
+ .ui.form input[type="week"]:focus {
403
420
  color: rgba(0, 0, 0, 0.95);
404
421
  border-color: #85B7D9;
405
422
  border-radius: 0.28571429rem;
@@ -408,9 +425,11 @@
408
425
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
409
426
  }
410
427
  .ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
428
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
411
429
  .ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
412
430
  .ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
413
431
  .ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
432
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="month"]:focus,
414
433
  .ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
415
434
  .ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
416
435
  .ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
@@ -418,14 +437,17 @@
418
437
  .ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
419
438
  .ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
420
439
  .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 {
440
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus,
441
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="week"]:focus {
422
442
  border-top-right-radius: 0;
423
443
  border-bottom-right-radius: 0;
424
444
  }
425
445
  .ui.form .ui[class*="left action"].input input:not([type]),
446
+ .ui.form .ui[class*="left action"].input input[type="color"],
426
447
  .ui.form .ui[class*="left action"].input input[type="date"],
427
448
  .ui.form .ui[class*="left action"].input input[type="datetime-local"],
428
449
  .ui.form .ui[class*="left action"].input input[type="email"],
450
+ .ui.form .ui[class*="left action"].input input[type="month"],
429
451
  .ui.form .ui[class*="left action"].input input[type="number"],
430
452
  .ui.form .ui[class*="left action"].input input[type="password"],
431
453
  .ui.form .ui[class*="left action"].input input[type="search"],
@@ -433,7 +455,8 @@
433
455
  .ui.form .ui[class*="left action"].input input[type="time"],
434
456
  .ui.form .ui[class*="left action"].input input[type="text"],
435
457
  .ui.form .ui[class*="left action"].input input[type="file"],
436
- .ui.form .ui[class*="left action"].input input[type="url"] {
458
+ .ui.form .ui[class*="left action"].input input[type="url"],
459
+ .ui.form .ui[class*="left action"].input input[type="week"] {
437
460
  border-bottom-left-radius: 0;
438
461
  border-top-left-radius: 0;
439
462
  }
@@ -500,9 +523,11 @@
500
523
  .ui.form .fields.error .field textarea,
501
524
  .ui.form .fields.error .field select,
502
525
  .ui.form .fields.error .field input:not([type]),
526
+ .ui.form .fields.error .field input[type="color"],
503
527
  .ui.form .fields.error .field input[type="date"],
504
528
  .ui.form .fields.error .field input[type="datetime-local"],
505
529
  .ui.form .fields.error .field input[type="email"],
530
+ .ui.form .fields.error .field input[type="month"],
506
531
  .ui.form .fields.error .field input[type="number"],
507
532
  .ui.form .fields.error .field input[type="password"],
508
533
  .ui.form .fields.error .field input[type="search"],
@@ -511,12 +536,15 @@
511
536
  .ui.form .fields.error .field input[type="text"],
512
537
  .ui.form .fields.error .field input[type="file"],
513
538
  .ui.form .fields.error .field input[type="url"],
539
+ .ui.form .fields.error .field input[type="week"],
514
540
  .ui.form .field.error textarea,
515
541
  .ui.form .field.error select,
516
542
  .ui.form .field.error input:not([type]),
543
+ .ui.form .field.error input[type="color"],
517
544
  .ui.form .field.error input[type="date"],
518
545
  .ui.form .field.error input[type="datetime-local"],
519
546
  .ui.form .field.error input[type="email"],
547
+ .ui.form .field.error input[type="month"],
520
548
  .ui.form .field.error input[type="number"],
521
549
  .ui.form .field.error input[type="password"],
522
550
  .ui.form .field.error input[type="search"],
@@ -524,7 +552,16 @@
524
552
  .ui.form .field.error input[type="time"],
525
553
  .ui.form .field.error input[type="text"],
526
554
  .ui.form .field.error input[type="file"],
527
- .ui.form .field.error input[type="url"] {
555
+ .ui.form .field.error input[type="url"],
556
+ .ui.form .field.error input[type="week"] {
557
+ color: #9F3A38;
558
+ background: #FFF6F6;
559
+ border-color: #E0B4B4;
560
+ border-radius: '';
561
+ -webkit-box-shadow: none;
562
+ box-shadow: none;
563
+ }
564
+ .ui.form .field input:not(:placeholder-shown):invalid {
528
565
  color: #9F3A38;
529
566
  background: #FFF6F6;
530
567
  border-color: #E0B4B4;
@@ -532,12 +569,21 @@
532
569
  -webkit-box-shadow: none;
533
570
  box-shadow: none;
534
571
  }
572
+ .ui.form .field input:not(:-ms-input-placeholder):invalid {
573
+ color: #9F3A38;
574
+ background: #FFF6F6;
575
+ border-color: #E0B4B4;
576
+ border-radius: '';
577
+ box-shadow: none;
578
+ }
535
579
  .ui.form .field.error textarea:focus,
536
580
  .ui.form .field.error select:focus,
537
581
  .ui.form .field.error input:not([type]):focus,
582
+ .ui.form .field.error input[type="color"]:focus,
538
583
  .ui.form .field.error input[type="date"]:focus,
539
584
  .ui.form .field.error input[type="datetime-local"]:focus,
540
585
  .ui.form .field.error input[type="email"]:focus,
586
+ .ui.form .field.error input[type="month"]:focus,
541
587
  .ui.form .field.error input[type="number"]:focus,
542
588
  .ui.form .field.error input[type="password"]:focus,
543
589
  .ui.form .field.error input[type="search"]:focus,
@@ -545,7 +591,8 @@
545
591
  .ui.form .field.error input[type="time"]:focus,
546
592
  .ui.form .field.error input[type="text"]:focus,
547
593
  .ui.form .field.error input[type="file"]:focus,
548
- .ui.form .field.error input[type="url"]:focus {
594
+ .ui.form .field.error input[type="url"]:focus,
595
+ .ui.form .field.error input[type="week"]:focus {
549
596
  background: #FFF6F6;
550
597
  border-color: #E0B4B4;
551
598
  color: #9F3A38;
@@ -652,22 +699,16 @@
652
699
  ---------------------*/
653
700
 
654
701
  .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 {
702
+ .ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
658
703
  color: #9F3A38;
659
704
  }
660
705
  .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 {
706
+ .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before {
664
707
  background: #FFF6F6;
665
708
  border-color: #E0B4B4;
666
709
  }
667
710
  .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 {
711
+ .ui.form .field.error .checkbox label:after {
671
712
  color: #9F3A38;
672
713
  }
673
714
  .ui.inverted.form .fields.error .field label,
@@ -723,9 +764,11 @@
723
764
  .ui.form .fields.info .field textarea,
724
765
  .ui.form .fields.info .field select,
725
766
  .ui.form .fields.info .field input:not([type]),
767
+ .ui.form .fields.info .field input[type="color"],
726
768
  .ui.form .fields.info .field input[type="date"],
727
769
  .ui.form .fields.info .field input[type="datetime-local"],
728
770
  .ui.form .fields.info .field input[type="email"],
771
+ .ui.form .fields.info .field input[type="month"],
729
772
  .ui.form .fields.info .field input[type="number"],
730
773
  .ui.form .fields.info .field input[type="password"],
731
774
  .ui.form .fields.info .field input[type="search"],
@@ -734,12 +777,15 @@
734
777
  .ui.form .fields.info .field input[type="text"],
735
778
  .ui.form .fields.info .field input[type="file"],
736
779
  .ui.form .fields.info .field input[type="url"],
780
+ .ui.form .fields.info .field input[type="week"],
737
781
  .ui.form .field.info textarea,
738
782
  .ui.form .field.info select,
739
783
  .ui.form .field.info input:not([type]),
784
+ .ui.form .field.info input[type="color"],
740
785
  .ui.form .field.info input[type="date"],
741
786
  .ui.form .field.info input[type="datetime-local"],
742
787
  .ui.form .field.info input[type="email"],
788
+ .ui.form .field.info input[type="month"],
743
789
  .ui.form .field.info input[type="number"],
744
790
  .ui.form .field.info input[type="password"],
745
791
  .ui.form .field.info input[type="search"],
@@ -747,7 +793,8 @@
747
793
  .ui.form .field.info input[type="time"],
748
794
  .ui.form .field.info input[type="text"],
749
795
  .ui.form .field.info input[type="file"],
750
- .ui.form .field.info input[type="url"] {
796
+ .ui.form .field.info input[type="url"],
797
+ .ui.form .field.info input[type="week"] {
751
798
  color: #276F86;
752
799
  background: #F8FFFF;
753
800
  border-color: #A9D5DE;
@@ -758,9 +805,11 @@
758
805
  .ui.form .field.info textarea:focus,
759
806
  .ui.form .field.info select:focus,
760
807
  .ui.form .field.info input:not([type]):focus,
808
+ .ui.form .field.info input[type="color"]:focus,
761
809
  .ui.form .field.info input[type="date"]:focus,
762
810
  .ui.form .field.info input[type="datetime-local"]:focus,
763
811
  .ui.form .field.info input[type="email"]:focus,
812
+ .ui.form .field.info input[type="month"]:focus,
764
813
  .ui.form .field.info input[type="number"]:focus,
765
814
  .ui.form .field.info input[type="password"]:focus,
766
815
  .ui.form .field.info input[type="search"]:focus,
@@ -768,7 +817,8 @@
768
817
  .ui.form .field.info input[type="time"]:focus,
769
818
  .ui.form .field.info input[type="text"]:focus,
770
819
  .ui.form .field.info input[type="file"]:focus,
771
- .ui.form .field.info input[type="url"]:focus {
820
+ .ui.form .field.info input[type="url"]:focus,
821
+ .ui.form .field.info input[type="week"]:focus {
772
822
  background: #F8FFFF;
773
823
  border-color: #A9D5DE;
774
824
  color: #276F86;
@@ -875,22 +925,16 @@
875
925
  ---------------------*/
876
926
 
877
927
  .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
878
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) label,
879
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,
880
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box {
928
+ .ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
881
929
  color: #276F86;
882
930
  }
883
931
  .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before,
884
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,
885
- .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,
886
- .ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before {
932
+ .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before {
887
933
  background: #F8FFFF;
888
934
  border-color: #A9D5DE;
889
935
  }
890
936
  .ui.form .fields.info .field .checkbox label:after,
891
- .ui.form .field.info .checkbox label:after,
892
- .ui.form .fields.info .field .checkbox .box:after,
893
- .ui.form .field.info .checkbox .box:after {
937
+ .ui.form .field.info .checkbox label:after {
894
938
  color: #276F86;
895
939
  }
896
940
  .ui.inverted.form .fields.info .field label,
@@ -946,9 +990,11 @@
946
990
  .ui.form .fields.success .field textarea,
947
991
  .ui.form .fields.success .field select,
948
992
  .ui.form .fields.success .field input:not([type]),
993
+ .ui.form .fields.success .field input[type="color"],
949
994
  .ui.form .fields.success .field input[type="date"],
950
995
  .ui.form .fields.success .field input[type="datetime-local"],
951
996
  .ui.form .fields.success .field input[type="email"],
997
+ .ui.form .fields.success .field input[type="month"],
952
998
  .ui.form .fields.success .field input[type="number"],
953
999
  .ui.form .fields.success .field input[type="password"],
954
1000
  .ui.form .fields.success .field input[type="search"],
@@ -957,12 +1003,15 @@
957
1003
  .ui.form .fields.success .field input[type="text"],
958
1004
  .ui.form .fields.success .field input[type="file"],
959
1005
  .ui.form .fields.success .field input[type="url"],
1006
+ .ui.form .fields.success .field input[type="week"],
960
1007
  .ui.form .field.success textarea,
961
1008
  .ui.form .field.success select,
962
1009
  .ui.form .field.success input:not([type]),
1010
+ .ui.form .field.success input[type="color"],
963
1011
  .ui.form .field.success input[type="date"],
964
1012
  .ui.form .field.success input[type="datetime-local"],
965
1013
  .ui.form .field.success input[type="email"],
1014
+ .ui.form .field.success input[type="month"],
966
1015
  .ui.form .field.success input[type="number"],
967
1016
  .ui.form .field.success input[type="password"],
968
1017
  .ui.form .field.success input[type="search"],
@@ -970,7 +1019,8 @@
970
1019
  .ui.form .field.success input[type="time"],
971
1020
  .ui.form .field.success input[type="text"],
972
1021
  .ui.form .field.success input[type="file"],
973
- .ui.form .field.success input[type="url"] {
1022
+ .ui.form .field.success input[type="url"],
1023
+ .ui.form .field.success input[type="week"] {
974
1024
  color: #2C662D;
975
1025
  background: #FCFFF5;
976
1026
  border-color: #A3C293;
@@ -981,9 +1031,11 @@
981
1031
  .ui.form .field.success textarea:focus,
982
1032
  .ui.form .field.success select:focus,
983
1033
  .ui.form .field.success input:not([type]):focus,
1034
+ .ui.form .field.success input[type="color"]:focus,
984
1035
  .ui.form .field.success input[type="date"]:focus,
985
1036
  .ui.form .field.success input[type="datetime-local"]:focus,
986
1037
  .ui.form .field.success input[type="email"]:focus,
1038
+ .ui.form .field.success input[type="month"]:focus,
987
1039
  .ui.form .field.success input[type="number"]:focus,
988
1040
  .ui.form .field.success input[type="password"]:focus,
989
1041
  .ui.form .field.success input[type="search"]:focus,
@@ -991,7 +1043,8 @@
991
1043
  .ui.form .field.success input[type="time"]:focus,
992
1044
  .ui.form .field.success input[type="text"]:focus,
993
1045
  .ui.form .field.success input[type="file"]:focus,
994
- .ui.form .field.success input[type="url"]:focus {
1046
+ .ui.form .field.success input[type="url"]:focus,
1047
+ .ui.form .field.success input[type="week"]:focus {
995
1048
  background: #FCFFF5;
996
1049
  border-color: #A3C293;
997
1050
  color: #2C662D;
@@ -1098,22 +1151,16 @@
1098
1151
  ---------------------*/
1099
1152
 
1100
1153
  .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
1101
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) label,
1102
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,
1103
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box {
1154
+ .ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
1104
1155
  color: #2C662D;
1105
1156
  }
1106
1157
  .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before,
1107
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,
1108
- .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,
1109
- .ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before {
1158
+ .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before {
1110
1159
  background: #FCFFF5;
1111
1160
  border-color: #A3C293;
1112
1161
  }
1113
1162
  .ui.form .fields.success .field .checkbox label:after,
1114
- .ui.form .field.success .checkbox label:after,
1115
- .ui.form .fields.success .field .checkbox .box:after,
1116
- .ui.form .field.success .checkbox .box:after {
1163
+ .ui.form .field.success .checkbox label:after {
1117
1164
  color: #2C662D;
1118
1165
  }
1119
1166
  .ui.inverted.form .fields.success .field label,
@@ -1169,9 +1216,11 @@
1169
1216
  .ui.form .fields.warning .field textarea,
1170
1217
  .ui.form .fields.warning .field select,
1171
1218
  .ui.form .fields.warning .field input:not([type]),
1219
+ .ui.form .fields.warning .field input[type="color"],
1172
1220
  .ui.form .fields.warning .field input[type="date"],
1173
1221
  .ui.form .fields.warning .field input[type="datetime-local"],
1174
1222
  .ui.form .fields.warning .field input[type="email"],
1223
+ .ui.form .fields.warning .field input[type="month"],
1175
1224
  .ui.form .fields.warning .field input[type="number"],
1176
1225
  .ui.form .fields.warning .field input[type="password"],
1177
1226
  .ui.form .fields.warning .field input[type="search"],
@@ -1180,12 +1229,15 @@
1180
1229
  .ui.form .fields.warning .field input[type="text"],
1181
1230
  .ui.form .fields.warning .field input[type="file"],
1182
1231
  .ui.form .fields.warning .field input[type="url"],
1232
+ .ui.form .fields.warning .field input[type="week"],
1183
1233
  .ui.form .field.warning textarea,
1184
1234
  .ui.form .field.warning select,
1185
1235
  .ui.form .field.warning input:not([type]),
1236
+ .ui.form .field.warning input[type="color"],
1186
1237
  .ui.form .field.warning input[type="date"],
1187
1238
  .ui.form .field.warning input[type="datetime-local"],
1188
1239
  .ui.form .field.warning input[type="email"],
1240
+ .ui.form .field.warning input[type="month"],
1189
1241
  .ui.form .field.warning input[type="number"],
1190
1242
  .ui.form .field.warning input[type="password"],
1191
1243
  .ui.form .field.warning input[type="search"],
@@ -1193,7 +1245,8 @@
1193
1245
  .ui.form .field.warning input[type="time"],
1194
1246
  .ui.form .field.warning input[type="text"],
1195
1247
  .ui.form .field.warning input[type="file"],
1196
- .ui.form .field.warning input[type="url"] {
1248
+ .ui.form .field.warning input[type="url"],
1249
+ .ui.form .field.warning input[type="week"] {
1197
1250
  color: #573A08;
1198
1251
  background: #FFFAF3;
1199
1252
  border-color: #C9BA9B;
@@ -1204,9 +1257,11 @@
1204
1257
  .ui.form .field.warning textarea:focus,
1205
1258
  .ui.form .field.warning select:focus,
1206
1259
  .ui.form .field.warning input:not([type]):focus,
1260
+ .ui.form .field.warning input[type="color"]:focus,
1207
1261
  .ui.form .field.warning input[type="date"]:focus,
1208
1262
  .ui.form .field.warning input[type="datetime-local"]:focus,
1209
1263
  .ui.form .field.warning input[type="email"]:focus,
1264
+ .ui.form .field.warning input[type="month"]:focus,
1210
1265
  .ui.form .field.warning input[type="number"]:focus,
1211
1266
  .ui.form .field.warning input[type="password"]:focus,
1212
1267
  .ui.form .field.warning input[type="search"]:focus,
@@ -1214,7 +1269,8 @@
1214
1269
  .ui.form .field.warning input[type="time"]:focus,
1215
1270
  .ui.form .field.warning input[type="text"]:focus,
1216
1271
  .ui.form .field.warning input[type="file"]:focus,
1217
- .ui.form .field.warning input[type="url"]:focus {
1272
+ .ui.form .field.warning input[type="url"]:focus,
1273
+ .ui.form .field.warning input[type="week"]:focus {
1218
1274
  background: #FFFAF3;
1219
1275
  border-color: #C9BA9B;
1220
1276
  color: #573A08;
@@ -1321,22 +1377,16 @@
1321
1377
  ---------------------*/
1322
1378
 
1323
1379
  .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
1324
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,
1325
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,
1326
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box {
1380
+ .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
1327
1381
  color: #573A08;
1328
1382
  }
1329
1383
  .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before,
1330
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,
1331
- .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,
1332
- .ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before {
1384
+ .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before {
1333
1385
  background: #FFFAF3;
1334
1386
  border-color: #C9BA9B;
1335
1387
  }
1336
1388
  .ui.form .fields.warning .field .checkbox label:after,
1337
- .ui.form .field.warning .checkbox label:after,
1338
- .ui.form .fields.warning .field .checkbox .box:after,
1339
- .ui.form .field.warning .checkbox .box:after {
1389
+ .ui.form .field.warning .checkbox label:after {
1340
1390
  color: #573A08;
1341
1391
  }
1342
1392
  .ui.inverted.form .fields.warning .field label,
@@ -1449,9 +1499,7 @@
1449
1499
  .ui.inverted.form label,
1450
1500
  .ui.form .inverted.segment label,
1451
1501
  .ui.form .inverted.segment .ui.checkbox label,
1452
- .ui.form .inverted.segment .ui.checkbox .box,
1453
1502
  .ui.inverted.form .ui.checkbox label,
1454
- .ui.inverted.form .ui.checkbox .box,
1455
1503
  .ui.inverted.form .inline.fields > label,
1456
1504
  .ui.inverted.form .inline.fields .field > label,
1457
1505
  .ui.inverted.form .inline.fields .field > p,
@@ -1468,9 +1516,11 @@
1468
1516
 
1469
1517
  /* Inverted Field */
1470
1518
  .ui.inverted.form input:not([type]),
1519
+ .ui.inverted.form input[type="color"],
1471
1520
  .ui.inverted.form input[type="date"],
1472
1521
  .ui.inverted.form input[type="datetime-local"],
1473
1522
  .ui.inverted.form input[type="email"],
1523
+ .ui.inverted.form input[type="month"],
1474
1524
  .ui.inverted.form input[type="number"],
1475
1525
  .ui.inverted.form input[type="password"],
1476
1526
  .ui.inverted.form input[type="search"],
@@ -1478,7 +1528,8 @@
1478
1528
  .ui.inverted.form input[type="time"],
1479
1529
  .ui.inverted.form input[type="text"],
1480
1530
  .ui.inverted.form input[type="file"],
1481
- .ui.inverted.form input[type="url"] {
1531
+ .ui.inverted.form input[type="url"],
1532
+ .ui.inverted.form input[type="week"] {
1482
1533
  background: #FFFFFF;
1483
1534
  border-color: rgba(255, 255, 255, 0.1);
1484
1535
  color: rgba(0, 0, 0, 0.87);