@pageboard/html 0.14.19 → 0.14.20

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 (109) hide show
  1. package/elements/accordion.js +1 -1
  2. package/elements/fieldsets.js +1 -1
  3. package/elements/form.js +2 -2
  4. package/elements/grid.js +1 -1
  5. package/elements/image.js +1 -1
  6. package/elements/input-file.js +2 -2
  7. package/elements/input-property.js +1 -1
  8. package/elements/inputs.js +5 -5
  9. package/elements/layout.js +1 -1
  10. package/elements/link.js +2 -2
  11. package/elements/menu.js +2 -2
  12. package/elements/navigation.js +1 -1
  13. package/elements/page.js +1 -1
  14. package/elements/paragraph.js +2 -2
  15. package/elements/query-tags.js +1 -1
  16. package/elements/tab.js +1 -1
  17. package/elements/table.js +1 -1
  18. package/elements/template.js +1 -1
  19. package/package.json +3 -8
  20. package/ui/card.css +3 -3
  21. package/ui/components/accordion.css +241 -0
  22. package/ui/components/accordion.js +613 -0
  23. package/ui/components/ad.css +275 -0
  24. package/ui/components/api.js +1167 -0
  25. package/ui/components/breadcrumb.css +122 -0
  26. package/ui/components/button.css +3525 -0
  27. package/ui/components/card.css +939 -0
  28. package/ui/components/checkbox.css +604 -0
  29. package/ui/components/checkbox.js +831 -0
  30. package/ui/components/colorize.js +274 -0
  31. package/ui/components/comment.css +268 -0
  32. package/ui/components/container.css +149 -0
  33. package/ui/components/dimmer.css +224 -0
  34. package/ui/components/dimmer.js +733 -0
  35. package/ui/components/divider.css +253 -0
  36. package/ui/components/dropdown.css +1448 -0
  37. package/ui/components/dropdown.js +3955 -0
  38. package/ui/components/embed.css +160 -0
  39. package/ui/components/embed.js +706 -0
  40. package/ui/components/feed.css +281 -0
  41. package/ui/components/flag.css +1035 -0
  42. package/ui/components/form.css +1011 -0
  43. package/ui/components/form.js +1706 -0
  44. package/ui/components/grid.css +1941 -0
  45. package/ui/components/header.css +719 -0
  46. package/ui/components/icon.css +4777 -0
  47. package/ui/components/image.css +310 -0
  48. package/ui/components/input.css +469 -0
  49. package/ui/components/item.css +464 -0
  50. package/ui/components/label.css +1281 -0
  51. package/ui/components/list.css +943 -0
  52. package/ui/components/loader.css +339 -0
  53. package/ui/components/menu.css +1940 -0
  54. package/ui/components/message.css +468 -0
  55. package/ui/components/modal.css +617 -0
  56. package/ui/components/modal.js +1034 -0
  57. package/ui/components/nag.css +145 -0
  58. package/ui/components/nag.js +507 -0
  59. package/ui/components/placeholder.css +229 -0
  60. package/ui/components/popup.css +640 -0
  61. package/ui/components/popup.js +1532 -0
  62. package/ui/components/progress.css +502 -0
  63. package/ui/components/progress.js +931 -0
  64. package/ui/components/rail.css +152 -0
  65. package/ui/components/rating.css +257 -0
  66. package/ui/components/rating.js +508 -0
  67. package/ui/components/reset.css +476 -0
  68. package/ui/components/reveal.css +260 -0
  69. package/ui/components/search.css +431 -0
  70. package/ui/components/search.js +1505 -0
  71. package/ui/components/segment.css +824 -0
  72. package/ui/components/shape.css +143 -0
  73. package/ui/components/shape.js +921 -0
  74. package/ui/components/sidebar.css +537 -0
  75. package/ui/components/sidebar.js +1033 -0
  76. package/ui/components/site.css +184 -0
  77. package/ui/components/site.js +487 -0
  78. package/ui/components/state.js +708 -0
  79. package/ui/components/statistic.css +534 -0
  80. package/ui/components/step.css +566 -0
  81. package/ui/components/sticky.css +73 -0
  82. package/ui/components/sticky.js +959 -0
  83. package/ui/components/tab.css +89 -0
  84. package/ui/components/tab.js +952 -0
  85. package/ui/components/table.css +1108 -0
  86. package/ui/components/transition.css +1792 -0
  87. package/ui/components/transition.js +1095 -0
  88. package/ui/components/video.css +121 -0
  89. package/ui/components/video.js +532 -0
  90. package/ui/components/visibility.js +1311 -0
  91. package/ui/components/visit.js +517 -0
  92. package/ui/item.css +2 -2
  93. package/ui/themes/default/assets/fonts/brand-icons.eot +0 -0
  94. package/ui/themes/default/assets/fonts/brand-icons.svg +1008 -0
  95. package/ui/themes/default/assets/fonts/brand-icons.ttf +0 -0
  96. package/ui/themes/default/assets/fonts/brand-icons.woff +0 -0
  97. package/ui/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  98. package/ui/themes/default/assets/fonts/icons.eot +0 -0
  99. package/ui/themes/default/assets/fonts/icons.otf +0 -0
  100. package/ui/themes/default/assets/fonts/icons.svg +1518 -0
  101. package/ui/themes/default/assets/fonts/icons.ttf +0 -0
  102. package/ui/themes/default/assets/fonts/icons.woff +0 -0
  103. package/ui/themes/default/assets/fonts/icons.woff2 +0 -0
  104. package/ui/themes/default/assets/fonts/outline-icons.eot +0 -0
  105. package/ui/themes/default/assets/fonts/outline-icons.svg +366 -0
  106. package/ui/themes/default/assets/fonts/outline-icons.ttf +0 -0
  107. package/ui/themes/default/assets/fonts/outline-icons.woff +0 -0
  108. package/ui/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  109. package/ui/themes/default/assets/images/flags.png +0 -0
package/ui/components/divider.css ADDED
@@ -0,0 +1,253 @@
1
+ /*!
2
+ * # Semantic UI 2.4.1 - Divider
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Divider
14
+ *******************************/
15
+
16
+ .ui.divider {
17
+ margin: 1rem 0rem;
18
+ line-height: 1;
19
+ height: 0em;
20
+ font-weight: bold;
21
+ text-transform: uppercase;
22
+ letter-spacing: 0.05em;
23
+ color: rgb(0 0 0 / 85%);
24
+ user-select: none;
25
+ -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
26
+ }
27
+
28
+ /*--------------
29
+ Basic
30
+ ---------------*/
31
+
32
+ .ui.divider:not(.vertical, .horizontal) {
33
+ border-top: 1px solid rgb(34 36 38 / 15%);
34
+ border-bottom: 1px solid rgb(255 255 255 / 10%);
35
+ }
36
+
37
+ /*--------------
38
+ Coupling
39
+ ---------------*/
40
+
41
+
42
+ /* Allow divider between each column row */
43
+ .ui.grid > .column + .divider,
44
+ .ui.grid > .row > .column + .divider {
45
+ left: auto;
46
+ }
47
+
48
+ /*--------------
49
+ Horizontal
50
+ ---------------*/
51
+
52
+ .ui.horizontal.divider {
53
+ display: table;
54
+ white-space: nowrap;
55
+ height: auto;
56
+ margin: '';
57
+ line-height: 1;
58
+ text-align: center;
59
+ }
60
+ .ui.horizontal.divider::before,
61
+ .ui.horizontal.divider::after {
62
+ content: '';
63
+ display: table-cell;
64
+ position: relative;
65
+ top: 50%;
66
+ width: 50%;
67
+ background-repeat: no-repeat;
68
+ }
69
+ .ui.horizontal.divider::before {
70
+ background-position: right 1em top 50%;
71
+ }
72
+ .ui.horizontal.divider::after {
73
+ background-position: left 1em top 50%;
74
+ }
75
+
76
+ /*--------------
77
+ Vertical
78
+ ---------------*/
79
+
80
+ .ui.vertical.divider {
81
+ position: absolute;
82
+ z-index: 2;
83
+ top: 50%;
84
+ left: 50%;
85
+ margin: 0rem;
86
+ padding: 0em;
87
+ width: auto;
88
+ height: 50%;
89
+ line-height: 0em;
90
+ text-align: center;
91
+ transform: translateX(-50%);
92
+ }
93
+ .ui.vertical.divider::before,
94
+ .ui.vertical.divider::after {
95
+ position: absolute;
96
+ left: 50%;
97
+ content: '';
98
+ z-index: 3;
99
+ border-left: 1px solid rgb(34 36 38 / 15%);
100
+ border-right: 1px solid rgb(255 255 255 / 10%);
101
+ width: 0%;
102
+ height: calc(100% - 1rem );
103
+ }
104
+ .ui.vertical.divider::before {
105
+ top: -100%;
106
+ }
107
+ .ui.vertical.divider::after {
108
+ top: auto;
109
+ bottom: 0px;
110
+ }
111
+
112
+ /* Inside grid */
113
+
114
+ @media (width <= 767px) {
115
+ .ui.stackable.grid .ui.vertical.divider,
116
+ .ui.grid .stackable.row .ui.vertical.divider {
117
+ display: table;
118
+ white-space: nowrap;
119
+ height: auto;
120
+ margin: '';
121
+ overflow: hidden;
122
+ line-height: 1;
123
+ text-align: center;
124
+ position: static;
125
+ top: 0;
126
+ left: 0;
127
+ transform: none;
128
+ }
129
+ .ui.stackable.grid .ui.vertical.divider::before,
130
+ .ui.grid .stackable.row .ui.vertical.divider::before,
131
+ .ui.stackable.grid .ui.vertical.divider::after,
132
+ .ui.grid .stackable.row .ui.vertical.divider::after {
133
+ left: 0;
134
+ border-left: none;
135
+ border-right: none;
136
+ content: '';
137
+ display: table-cell;
138
+ position: relative;
139
+ top: 50%;
140
+ width: 50%;
141
+ background-repeat: no-repeat;
142
+ }
143
+ .ui.stackable.grid .ui.vertical.divider::before,
144
+ .ui.grid .stackable.row .ui.vertical.divider::before {
145
+ background-position: right 1em top 50%;
146
+ }
147
+ .ui.stackable.grid .ui.vertical.divider::after,
148
+ .ui.grid .stackable.row .ui.vertical.divider::after {
149
+ background-position: left 1em top 50%;
150
+ }
151
+ }
152
+
153
+ /*--------------
154
+ Icon
155
+ ---------------*/
156
+
157
+ .ui.divider > .icon {
158
+ margin: 0rem;
159
+ font-size: 1rem;
160
+ height: 1em;
161
+ vertical-align: middle;
162
+ }
163
+
164
+
165
+ /*******************************
166
+ Variations
167
+ *******************************/
168
+
169
+
170
+ /*--------------
171
+ Hidden
172
+ ---------------*/
173
+
174
+ .ui.hidden.divider {
175
+ border-color: transparent !important;
176
+ }
177
+ .ui.hidden.divider::before,
178
+ .ui.hidden.divider::after {
179
+ display: none;
180
+ }
181
+
182
+ /*--------------
183
+ Inverted
184
+ ---------------*/
185
+
186
+ .ui.divider.inverted,
187
+ .ui.vertical.inverted.divider,
188
+ .ui.horizontal.inverted.divider {
189
+ color: #FFFFFF;
190
+ }
191
+ .ui.divider.inverted,
192
+ .ui.divider.inverted::after,
193
+ .ui.divider.inverted::before {
194
+ border-color: rgb(34 36 38 / 15%) rgb(255 255 255 / 15%) rgb(255 255 255 / 15%) rgb(34 36 38 / 15%) !important;
195
+ }
196
+
197
+ /*--------------
198
+ Fitted
199
+ ---------------*/
200
+
201
+ .ui.fitted.divider {
202
+ margin: 0em;
203
+ }
204
+
205
+ /*--------------
206
+ Clearing
207
+ ---------------*/
208
+
209
+ .ui.clearing.divider {
210
+ clear: both;
211
+ }
212
+
213
+ /*--------------
214
+ Section
215
+ ---------------*/
216
+
217
+ .ui.section.divider {
218
+ margin-top: 2rem;
219
+ margin-bottom: 2rem;
220
+ }
221
+
222
+ /*--------------
223
+ Sizes
224
+ ---------------*/
225
+
226
+ .ui.divider {
227
+ font-size: 1rem;
228
+ }
229
+
230
+
231
+ /*******************************
232
+ Theme Overrides
233
+ *******************************/
234
+
235
+ .ui.horizontal.divider::before,
236
+ .ui.horizontal.divider::after {
237
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
238
+ }
239
+
240
+ @media (width <= 767px) {
241
+ .ui.stackable.grid .ui.vertical.divider::before,
242
+ .ui.grid .stackable.row .ui.vertical.divider::before,
243
+ .ui.stackable.grid .ui.vertical.divider::after,
244
+ .ui.grid .stackable.row .ui.vertical.divider::after {
245
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
246
+ }
247
+ }
248
+
249
+
250
+ /*******************************
251
+ Site Overrides
252
+ *******************************/
253
+