fomantic-ui 2.9.0-beta.26 → 2.9.0-beta.262

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 (285) 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 +94 -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 +66 -39
  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 +118 -55
  54. package/dist/components/form.js +38 -29
  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 +742 -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 +2 -2
  109. package/dist/components/search.min.css +1 -1
  110. package/dist/components/search.min.js +3 -3
  111. package/dist/components/segment.css +91 -7
  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 +21916 -16238
  156. package/dist/semantic.js +433 -246
  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 +37 -28
  179. package/src/definitions/collections/form.less +204 -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 +145 -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 +264 -22
  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 +147 -28
  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 +65 -38
  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.js +1 -1
  215. package/src/definitions/modules/search.less +32 -16
  216. package/src/definitions/modules/shape.js +2 -2
  217. package/src/definitions/modules/sidebar.js +7 -5
  218. package/src/definitions/modules/sidebar.less +33 -19
  219. package/src/definitions/modules/slider.less +39 -38
  220. package/src/definitions/modules/tab.js +22 -4
  221. package/src/definitions/modules/toast.js +55 -27
  222. package/src/definitions/modules/toast.less +48 -16
  223. package/src/definitions/modules/transition.js +20 -15
  224. package/src/definitions/views/card.less +402 -361
  225. package/src/definitions/views/comment.less +92 -81
  226. package/src/definitions/views/feed.less +164 -144
  227. package/src/definitions/views/item.less +249 -196
  228. package/src/definitions/views/statistic.less +90 -88
  229. package/src/themes/bookish/elements/header.overrides +1 -1
  230. package/src/themes/chubby/elements/button.overrides +1 -1
  231. package/src/themes/chubby/elements/header.overrides +1 -1
  232. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  233. package/src/themes/default/assets/fonts/brand-icons.svg +801 -654
  234. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  235. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  236. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  237. package/src/themes/default/assets/fonts/icons.eot +0 -0
  238. package/src/themes/default/assets/fonts/icons.svg +1175 -1079
  239. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  240. package/src/themes/default/assets/fonts/icons.woff +0 -0
  241. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  242. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  243. package/src/themes/default/assets/fonts/outline-icons.svg +93 -95
  244. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  245. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  246. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  247. package/src/themes/default/collections/form.variables +4 -0
  248. package/src/themes/default/collections/menu.variables +6 -0
  249. package/src/themes/default/collections/table.variables +52 -0
  250. package/src/themes/default/elements/button.variables +7 -1
  251. package/src/themes/default/elements/container.variables +12 -0
  252. package/src/themes/default/elements/emoji.overrides +1734 -1232
  253. package/src/themes/default/elements/flag.overrides +1641 -986
  254. package/src/themes/default/elements/flag.variables +7 -5
  255. package/src/themes/default/elements/icon.overrides +75 -48
  256. package/src/themes/default/elements/icon.variables +1 -0
  257. package/src/themes/default/elements/input.variables +15 -0
  258. package/src/themes/default/elements/segment.variables +8 -0
  259. package/src/themes/default/elements/step.overrides +1 -1
  260. package/src/themes/default/globals/site.variables +6 -0
  261. package/src/themes/default/globals/variation.variables +139 -6
  262. package/src/themes/default/modules/accordion.variables +49 -2
  263. package/src/themes/default/modules/calendar.variables +3 -0
  264. package/src/themes/default/modules/checkbox.variables +5 -5
  265. package/src/themes/default/modules/dimmer.variables +1 -1
  266. package/src/themes/default/modules/dropdown.variables +4 -10
  267. package/src/themes/default/modules/modal.variables +13 -0
  268. package/src/themes/default/modules/toast.variables +3 -0
  269. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  270. package/src/themes/famfamfam/elements/flag.variables +13 -0
  271. package/src/themes/instagram/views/card.overrides +1 -1
  272. package/src/themes/joypixels/elements/emoji.overrides +1759 -1257
  273. package/src/themes/joypixels/elements/emoji.variables +1 -1
  274. package/src/themes/material/collections/menu.overrides +1 -1
  275. package/src/themes/material/elements/button.overrides +1 -1
  276. package/src/themes/material/elements/header.overrides +1 -1
  277. package/src/themes/material/globals/site.variables +0 -1
  278. package/src/themes/material/modules/dropdown.overrides +1 -1
  279. package/src/themes/material/modules/modal.overrides +1 -1
  280. package/src/themes/rtl/globals/site.overrides +1 -1
  281. package/src/themes/twitter/elements/emoji.overrides +1734 -1232
  282. package/tasks/build/css.js +6 -1
  283. package/tasks/config/project/install.js +11 -5
  284. package/tasks/install.js +1 -0
  285. 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.26 - Form
2
+ * # Fomantic-UI 2.9.0-beta.262 - 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,16 @@
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
+ }
131
+ .ui.form input::-webkit-calendar-picker-indicator {
132
+ padding: 0;
133
+ opacity: 0.5;
134
+ -webkit-transition: opacity 0.3s ease;
135
+ transition: opacity 0.3s ease;
136
+ cursor: pointer;
137
+ }
120
138
 
121
139
  /* Text Area */
122
140
  .ui.input textarea,
@@ -225,7 +243,7 @@
225
243
 
226
244
 
227
245
  /* Block */
228
- .ui.form .field > .selection.dropdown {
246
+ .ui.form .field > .selection.dropdown:not(.compact) {
229
247
  min-width: auto;
230
248
  width: 100%;
231
249
  }
@@ -321,6 +339,9 @@
321
339
  border: 1px solid #E0B4B4 !important;
322
340
  color: #9F3A38 !important;
323
341
  }
342
+ .ui.form .field .prompt.label li:before {
343
+ color: #9F3A38;
344
+ }
324
345
  .ui.form .inline.fields .field .prompt,
325
346
  .ui.form .inline.field .prompt {
326
347
  vertical-align: top;
@@ -389,9 +410,11 @@
389
410
  ---------------------*/
390
411
 
391
412
  .ui.form input:not([type]):focus,
413
+ .ui.form input[type="color"]:focus,
392
414
  .ui.form input[type="date"]:focus,
393
415
  .ui.form input[type="datetime-local"]:focus,
394
416
  .ui.form input[type="email"]:focus,
417
+ .ui.form input[type="month"]:focus,
395
418
  .ui.form input[type="number"]:focus,
396
419
  .ui.form input[type="password"]:focus,
397
420
  .ui.form input[type="search"]:focus,
@@ -399,7 +422,8 @@
399
422
  .ui.form input[type="time"]:focus,
400
423
  .ui.form input[type="text"]:focus,
401
424
  .ui.form input[type="file"]:focus,
402
- .ui.form input[type="url"]:focus {
425
+ .ui.form input[type="url"]:focus,
426
+ .ui.form input[type="week"]:focus {
403
427
  color: rgba(0, 0, 0, 0.95);
404
428
  border-color: #85B7D9;
405
429
  border-radius: 0.28571429rem;
@@ -408,9 +432,11 @@
408
432
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
409
433
  }
410
434
  .ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
435
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
411
436
  .ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
412
437
  .ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
413
438
  .ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
439
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="month"]:focus,
414
440
  .ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
415
441
  .ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
416
442
  .ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
@@ -418,14 +444,17 @@
418
444
  .ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
419
445
  .ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
420
446
  .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 {
447
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus,
448
+ .ui.form .ui.action.input:not([class*="left action"]) input[type="week"]:focus {
422
449
  border-top-right-radius: 0;
423
450
  border-bottom-right-radius: 0;
424
451
  }
425
452
  .ui.form .ui[class*="left action"].input input:not([type]),
453
+ .ui.form .ui[class*="left action"].input input[type="color"],
426
454
  .ui.form .ui[class*="left action"].input input[type="date"],
427
455
  .ui.form .ui[class*="left action"].input input[type="datetime-local"],
428
456
  .ui.form .ui[class*="left action"].input input[type="email"],
457
+ .ui.form .ui[class*="left action"].input input[type="month"],
429
458
  .ui.form .ui[class*="left action"].input input[type="number"],
430
459
  .ui.form .ui[class*="left action"].input input[type="password"],
431
460
  .ui.form .ui[class*="left action"].input input[type="search"],
@@ -433,7 +462,8 @@
433
462
  .ui.form .ui[class*="left action"].input input[type="time"],
434
463
  .ui.form .ui[class*="left action"].input input[type="text"],
435
464
  .ui.form .ui[class*="left action"].input input[type="file"],
436
- .ui.form .ui[class*="left action"].input input[type="url"] {
465
+ .ui.form .ui[class*="left action"].input input[type="url"],
466
+ .ui.form .ui[class*="left action"].input input[type="week"] {
437
467
  border-bottom-left-radius: 0;
438
468
  border-top-left-radius: 0;
439
469
  }
@@ -447,6 +477,11 @@
447
477
  -webkit-appearance: none;
448
478
  }
449
479
 
480
+ /* Focus */
481
+ .ui.form input:focus::-webkit-calendar-picker-indicator {
482
+ opacity: 1;
483
+ }
484
+
450
485
  /*--------------------
451
486
  States
452
487
  ---------------------*/
@@ -500,9 +535,11 @@
500
535
  .ui.form .fields.error .field textarea,
501
536
  .ui.form .fields.error .field select,
502
537
  .ui.form .fields.error .field input:not([type]),
538
+ .ui.form .fields.error .field input[type="color"],
503
539
  .ui.form .fields.error .field input[type="date"],
504
540
  .ui.form .fields.error .field input[type="datetime-local"],
505
541
  .ui.form .fields.error .field input[type="email"],
542
+ .ui.form .fields.error .field input[type="month"],
506
543
  .ui.form .fields.error .field input[type="number"],
507
544
  .ui.form .fields.error .field input[type="password"],
508
545
  .ui.form .fields.error .field input[type="search"],
@@ -511,12 +548,15 @@
511
548
  .ui.form .fields.error .field input[type="text"],
512
549
  .ui.form .fields.error .field input[type="file"],
513
550
  .ui.form .fields.error .field input[type="url"],
551
+ .ui.form .fields.error .field input[type="week"],
514
552
  .ui.form .field.error textarea,
515
553
  .ui.form .field.error select,
516
554
  .ui.form .field.error input:not([type]),
555
+ .ui.form .field.error input[type="color"],
517
556
  .ui.form .field.error input[type="date"],
518
557
  .ui.form .field.error input[type="datetime-local"],
519
558
  .ui.form .field.error input[type="email"],
559
+ .ui.form .field.error input[type="month"],
520
560
  .ui.form .field.error input[type="number"],
521
561
  .ui.form .field.error input[type="password"],
522
562
  .ui.form .field.error input[type="search"],
@@ -524,7 +564,8 @@
524
564
  .ui.form .field.error input[type="time"],
525
565
  .ui.form .field.error input[type="text"],
526
566
  .ui.form .field.error input[type="file"],
527
- .ui.form .field.error input[type="url"] {
567
+ .ui.form .field.error input[type="url"],
568
+ .ui.form .field.error input[type="week"] {
528
569
  color: #9F3A38;
529
570
  background: #FFF6F6;
530
571
  border-color: #E0B4B4;
@@ -532,12 +573,29 @@
532
573
  -webkit-box-shadow: none;
533
574
  box-shadow: none;
534
575
  }
576
+ .ui.form .field input:not(:placeholder-shown):invalid {
577
+ color: #9F3A38;
578
+ background: #FFF6F6;
579
+ border-color: #E0B4B4;
580
+ border-radius: '';
581
+ -webkit-box-shadow: none;
582
+ box-shadow: none;
583
+ }
584
+ .ui.form .field input:not(:-ms-input-placeholder):invalid {
585
+ color: #9F3A38;
586
+ background: #FFF6F6;
587
+ border-color: #E0B4B4;
588
+ border-radius: '';
589
+ box-shadow: none;
590
+ }
535
591
  .ui.form .field.error textarea:focus,
536
592
  .ui.form .field.error select:focus,
537
593
  .ui.form .field.error input:not([type]):focus,
594
+ .ui.form .field.error input[type="color"]:focus,
538
595
  .ui.form .field.error input[type="date"]:focus,
539
596
  .ui.form .field.error input[type="datetime-local"]:focus,
540
597
  .ui.form .field.error input[type="email"]:focus,
598
+ .ui.form .field.error input[type="month"]:focus,
541
599
  .ui.form .field.error input[type="number"]:focus,
542
600
  .ui.form .field.error input[type="password"]:focus,
543
601
  .ui.form .field.error input[type="search"]:focus,
@@ -545,7 +603,8 @@
545
603
  .ui.form .field.error input[type="time"]:focus,
546
604
  .ui.form .field.error input[type="text"]:focus,
547
605
  .ui.form .field.error input[type="file"]:focus,
548
- .ui.form .field.error input[type="url"]:focus {
606
+ .ui.form .field.error input[type="url"]:focus,
607
+ .ui.form .field.error input[type="week"]:focus {
549
608
  background: #FFF6F6;
550
609
  border-color: #E0B4B4;
551
610
  color: #9F3A38;
@@ -652,22 +711,16 @@
652
711
  ---------------------*/
653
712
 
654
713
  .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 {
714
+ .ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
658
715
  color: #9F3A38;
659
716
  }
660
717
  .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 {
718
+ .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before {
664
719
  background: #FFF6F6;
665
720
  border-color: #E0B4B4;
666
721
  }
667
722
  .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 {
723
+ .ui.form .field.error .checkbox label:after {
671
724
  color: #9F3A38;
672
725
  }
673
726
  .ui.inverted.form .fields.error .field label,
@@ -723,9 +776,11 @@
723
776
  .ui.form .fields.info .field textarea,
724
777
  .ui.form .fields.info .field select,
725
778
  .ui.form .fields.info .field input:not([type]),
779
+ .ui.form .fields.info .field input[type="color"],
726
780
  .ui.form .fields.info .field input[type="date"],
727
781
  .ui.form .fields.info .field input[type="datetime-local"],
728
782
  .ui.form .fields.info .field input[type="email"],
783
+ .ui.form .fields.info .field input[type="month"],
729
784
  .ui.form .fields.info .field input[type="number"],
730
785
  .ui.form .fields.info .field input[type="password"],
731
786
  .ui.form .fields.info .field input[type="search"],
@@ -734,12 +789,15 @@
734
789
  .ui.form .fields.info .field input[type="text"],
735
790
  .ui.form .fields.info .field input[type="file"],
736
791
  .ui.form .fields.info .field input[type="url"],
792
+ .ui.form .fields.info .field input[type="week"],
737
793
  .ui.form .field.info textarea,
738
794
  .ui.form .field.info select,
739
795
  .ui.form .field.info input:not([type]),
796
+ .ui.form .field.info input[type="color"],
740
797
  .ui.form .field.info input[type="date"],
741
798
  .ui.form .field.info input[type="datetime-local"],
742
799
  .ui.form .field.info input[type="email"],
800
+ .ui.form .field.info input[type="month"],
743
801
  .ui.form .field.info input[type="number"],
744
802
  .ui.form .field.info input[type="password"],
745
803
  .ui.form .field.info input[type="search"],
@@ -747,7 +805,8 @@
747
805
  .ui.form .field.info input[type="time"],
748
806
  .ui.form .field.info input[type="text"],
749
807
  .ui.form .field.info input[type="file"],
750
- .ui.form .field.info input[type="url"] {
808
+ .ui.form .field.info input[type="url"],
809
+ .ui.form .field.info input[type="week"] {
751
810
  color: #276F86;
752
811
  background: #F8FFFF;
753
812
  border-color: #A9D5DE;
@@ -758,9 +817,11 @@
758
817
  .ui.form .field.info textarea:focus,
759
818
  .ui.form .field.info select:focus,
760
819
  .ui.form .field.info input:not([type]):focus,
820
+ .ui.form .field.info input[type="color"]:focus,
761
821
  .ui.form .field.info input[type="date"]:focus,
762
822
  .ui.form .field.info input[type="datetime-local"]:focus,
763
823
  .ui.form .field.info input[type="email"]:focus,
824
+ .ui.form .field.info input[type="month"]:focus,
764
825
  .ui.form .field.info input[type="number"]:focus,
765
826
  .ui.form .field.info input[type="password"]:focus,
766
827
  .ui.form .field.info input[type="search"]:focus,
@@ -768,7 +829,8 @@
768
829
  .ui.form .field.info input[type="time"]:focus,
769
830
  .ui.form .field.info input[type="text"]:focus,
770
831
  .ui.form .field.info input[type="file"]:focus,
771
- .ui.form .field.info input[type="url"]:focus {
832
+ .ui.form .field.info input[type="url"]:focus,
833
+ .ui.form .field.info input[type="week"]:focus {
772
834
  background: #F8FFFF;
773
835
  border-color: #A9D5DE;
774
836
  color: #276F86;
@@ -875,22 +937,16 @@
875
937
  ---------------------*/
876
938
 
877
939
  .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 {
940
+ .ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
881
941
  color: #276F86;
882
942
  }
883
943
  .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 {
944
+ .ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before {
887
945
  background: #F8FFFF;
888
946
  border-color: #A9D5DE;
889
947
  }
890
948
  .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 {
949
+ .ui.form .field.info .checkbox label:after {
894
950
  color: #276F86;
895
951
  }
896
952
  .ui.inverted.form .fields.info .field label,
@@ -946,9 +1002,11 @@
946
1002
  .ui.form .fields.success .field textarea,
947
1003
  .ui.form .fields.success .field select,
948
1004
  .ui.form .fields.success .field input:not([type]),
1005
+ .ui.form .fields.success .field input[type="color"],
949
1006
  .ui.form .fields.success .field input[type="date"],
950
1007
  .ui.form .fields.success .field input[type="datetime-local"],
951
1008
  .ui.form .fields.success .field input[type="email"],
1009
+ .ui.form .fields.success .field input[type="month"],
952
1010
  .ui.form .fields.success .field input[type="number"],
953
1011
  .ui.form .fields.success .field input[type="password"],
954
1012
  .ui.form .fields.success .field input[type="search"],
@@ -957,12 +1015,15 @@
957
1015
  .ui.form .fields.success .field input[type="text"],
958
1016
  .ui.form .fields.success .field input[type="file"],
959
1017
  .ui.form .fields.success .field input[type="url"],
1018
+ .ui.form .fields.success .field input[type="week"],
960
1019
  .ui.form .field.success textarea,
961
1020
  .ui.form .field.success select,
962
1021
  .ui.form .field.success input:not([type]),
1022
+ .ui.form .field.success input[type="color"],
963
1023
  .ui.form .field.success input[type="date"],
964
1024
  .ui.form .field.success input[type="datetime-local"],
965
1025
  .ui.form .field.success input[type="email"],
1026
+ .ui.form .field.success input[type="month"],
966
1027
  .ui.form .field.success input[type="number"],
967
1028
  .ui.form .field.success input[type="password"],
968
1029
  .ui.form .field.success input[type="search"],
@@ -970,7 +1031,8 @@
970
1031
  .ui.form .field.success input[type="time"],
971
1032
  .ui.form .field.success input[type="text"],
972
1033
  .ui.form .field.success input[type="file"],
973
- .ui.form .field.success input[type="url"] {
1034
+ .ui.form .field.success input[type="url"],
1035
+ .ui.form .field.success input[type="week"] {
974
1036
  color: #2C662D;
975
1037
  background: #FCFFF5;
976
1038
  border-color: #A3C293;
@@ -981,9 +1043,11 @@
981
1043
  .ui.form .field.success textarea:focus,
982
1044
  .ui.form .field.success select:focus,
983
1045
  .ui.form .field.success input:not([type]):focus,
1046
+ .ui.form .field.success input[type="color"]:focus,
984
1047
  .ui.form .field.success input[type="date"]:focus,
985
1048
  .ui.form .field.success input[type="datetime-local"]:focus,
986
1049
  .ui.form .field.success input[type="email"]:focus,
1050
+ .ui.form .field.success input[type="month"]:focus,
987
1051
  .ui.form .field.success input[type="number"]:focus,
988
1052
  .ui.form .field.success input[type="password"]:focus,
989
1053
  .ui.form .field.success input[type="search"]:focus,
@@ -991,7 +1055,8 @@
991
1055
  .ui.form .field.success input[type="time"]:focus,
992
1056
  .ui.form .field.success input[type="text"]:focus,
993
1057
  .ui.form .field.success input[type="file"]:focus,
994
- .ui.form .field.success input[type="url"]:focus {
1058
+ .ui.form .field.success input[type="url"]:focus,
1059
+ .ui.form .field.success input[type="week"]:focus {
995
1060
  background: #FCFFF5;
996
1061
  border-color: #A3C293;
997
1062
  color: #2C662D;
@@ -1098,22 +1163,16 @@
1098
1163
  ---------------------*/
1099
1164
 
1100
1165
  .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 {
1166
+ .ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
1104
1167
  color: #2C662D;
1105
1168
  }
1106
1169
  .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 {
1170
+ .ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before {
1110
1171
  background: #FCFFF5;
1111
1172
  border-color: #A3C293;
1112
1173
  }
1113
1174
  .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 {
1175
+ .ui.form .field.success .checkbox label:after {
1117
1176
  color: #2C662D;
1118
1177
  }
1119
1178
  .ui.inverted.form .fields.success .field label,
@@ -1169,9 +1228,11 @@
1169
1228
  .ui.form .fields.warning .field textarea,
1170
1229
  .ui.form .fields.warning .field select,
1171
1230
  .ui.form .fields.warning .field input:not([type]),
1231
+ .ui.form .fields.warning .field input[type="color"],
1172
1232
  .ui.form .fields.warning .field input[type="date"],
1173
1233
  .ui.form .fields.warning .field input[type="datetime-local"],
1174
1234
  .ui.form .fields.warning .field input[type="email"],
1235
+ .ui.form .fields.warning .field input[type="month"],
1175
1236
  .ui.form .fields.warning .field input[type="number"],
1176
1237
  .ui.form .fields.warning .field input[type="password"],
1177
1238
  .ui.form .fields.warning .field input[type="search"],
@@ -1180,12 +1241,15 @@
1180
1241
  .ui.form .fields.warning .field input[type="text"],
1181
1242
  .ui.form .fields.warning .field input[type="file"],
1182
1243
  .ui.form .fields.warning .field input[type="url"],
1244
+ .ui.form .fields.warning .field input[type="week"],
1183
1245
  .ui.form .field.warning textarea,
1184
1246
  .ui.form .field.warning select,
1185
1247
  .ui.form .field.warning input:not([type]),
1248
+ .ui.form .field.warning input[type="color"],
1186
1249
  .ui.form .field.warning input[type="date"],
1187
1250
  .ui.form .field.warning input[type="datetime-local"],
1188
1251
  .ui.form .field.warning input[type="email"],
1252
+ .ui.form .field.warning input[type="month"],
1189
1253
  .ui.form .field.warning input[type="number"],
1190
1254
  .ui.form .field.warning input[type="password"],
1191
1255
  .ui.form .field.warning input[type="search"],
@@ -1193,7 +1257,8 @@
1193
1257
  .ui.form .field.warning input[type="time"],
1194
1258
  .ui.form .field.warning input[type="text"],
1195
1259
  .ui.form .field.warning input[type="file"],
1196
- .ui.form .field.warning input[type="url"] {
1260
+ .ui.form .field.warning input[type="url"],
1261
+ .ui.form .field.warning input[type="week"] {
1197
1262
  color: #573A08;
1198
1263
  background: #FFFAF3;
1199
1264
  border-color: #C9BA9B;
@@ -1204,9 +1269,11 @@
1204
1269
  .ui.form .field.warning textarea:focus,
1205
1270
  .ui.form .field.warning select:focus,
1206
1271
  .ui.form .field.warning input:not([type]):focus,
1272
+ .ui.form .field.warning input[type="color"]:focus,
1207
1273
  .ui.form .field.warning input[type="date"]:focus,
1208
1274
  .ui.form .field.warning input[type="datetime-local"]:focus,
1209
1275
  .ui.form .field.warning input[type="email"]:focus,
1276
+ .ui.form .field.warning input[type="month"]:focus,
1210
1277
  .ui.form .field.warning input[type="number"]:focus,
1211
1278
  .ui.form .field.warning input[type="password"]:focus,
1212
1279
  .ui.form .field.warning input[type="search"]:focus,
@@ -1214,7 +1281,8 @@
1214
1281
  .ui.form .field.warning input[type="time"]:focus,
1215
1282
  .ui.form .field.warning input[type="text"]:focus,
1216
1283
  .ui.form .field.warning input[type="file"]:focus,
1217
- .ui.form .field.warning input[type="url"]:focus {
1284
+ .ui.form .field.warning input[type="url"]:focus,
1285
+ .ui.form .field.warning input[type="week"]:focus {
1218
1286
  background: #FFFAF3;
1219
1287
  border-color: #C9BA9B;
1220
1288
  color: #573A08;
@@ -1321,22 +1389,16 @@
1321
1389
  ---------------------*/
1322
1390
 
1323
1391
  .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 {
1392
+ .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
1327
1393
  color: #573A08;
1328
1394
  }
1329
1395
  .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 {
1396
+ .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before {
1333
1397
  background: #FFFAF3;
1334
1398
  border-color: #C9BA9B;
1335
1399
  }
1336
1400
  .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 {
1401
+ .ui.form .field.warning .checkbox label:after {
1340
1402
  color: #573A08;
1341
1403
  }
1342
1404
  .ui.inverted.form .fields.warning .field label,
@@ -1449,9 +1511,7 @@
1449
1511
  .ui.inverted.form label,
1450
1512
  .ui.form .inverted.segment label,
1451
1513
  .ui.form .inverted.segment .ui.checkbox label,
1452
- .ui.form .inverted.segment .ui.checkbox .box,
1453
1514
  .ui.inverted.form .ui.checkbox label,
1454
- .ui.inverted.form .ui.checkbox .box,
1455
1515
  .ui.inverted.form .inline.fields > label,
1456
1516
  .ui.inverted.form .inline.fields .field > label,
1457
1517
  .ui.inverted.form .inline.fields .field > p,
@@ -1468,9 +1528,11 @@
1468
1528
 
1469
1529
  /* Inverted Field */
1470
1530
  .ui.inverted.form input:not([type]),
1531
+ .ui.inverted.form input[type="color"],
1471
1532
  .ui.inverted.form input[type="date"],
1472
1533
  .ui.inverted.form input[type="datetime-local"],
1473
1534
  .ui.inverted.form input[type="email"],
1535
+ .ui.inverted.form input[type="month"],
1474
1536
  .ui.inverted.form input[type="number"],
1475
1537
  .ui.inverted.form input[type="password"],
1476
1538
  .ui.inverted.form input[type="search"],
@@ -1478,7 +1540,8 @@
1478
1540
  .ui.inverted.form input[type="time"],
1479
1541
  .ui.inverted.form input[type="text"],
1480
1542
  .ui.inverted.form input[type="file"],
1481
- .ui.inverted.form input[type="url"] {
1543
+ .ui.inverted.form input[type="url"],
1544
+ .ui.inverted.form input[type="week"] {
1482
1545
  background: #FFFFFF;
1483
1546
  border-color: rgba(255, 255, 255, 0.1);
1484
1547
  color: rgba(0, 0, 0, 0.87);