@datawheel/bespoke 0.3.4 → 0.3.5

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.
package/dist/index.css CHANGED
@@ -29,255 +29,6 @@
29
29
  margin-right: 4px;
30
30
  }
31
31
 
32
- /* components/blocks/types/renderers/viz-types/Graphic.css */
33
-
34
- /* css/mixins.css */
35
-
36
- /* components/blocks/types/renderers/viz-types/Table.css */
37
- .cms-table-viz-container .cms-viz-figure,
38
- .cp-table-viz-container .cp-viz-figure {
39
- height: auto !important;
40
- }
41
- .cms-table-viz-container .cms-viz-figure [class*=-loading],
42
- .cp-table-viz-container .cp-viz-figure [class*=-loading] {
43
- text-align: center;
44
- }
45
- .cms-table-viz-container .cms-viz-figure .rt-table,
46
- .cp-table-viz-container .cp-viz-figure .rt-table {
47
- overflow: auto;
48
- overscroll-behavior: contain;
49
- -webkit-overflow-scrolling: touch;
50
- }
51
- .cp-table {
52
- flex-direction: column;
53
- min-width: 100%;
54
- }
55
- .cp-table.cp-table-loading {
56
- opacity: 0.1;
57
- }
58
- .cp-table * {
59
- outline: none;
60
- }
61
- .rt-table {
62
- flex: auto 100%;
63
- display: flex;
64
- flex-direction: column;
65
- align-items: stretch;
66
- width: auto;
67
- }
68
- .rt-thead {
69
- flex: 1 0 auto;
70
- display: flex;
71
- flex-direction: column;
72
- top: 0;
73
- left: 0;
74
- }
75
- .rt-tbody {
76
- flex: 99999 1 auto;
77
- display: flex;
78
- flex-direction: column;
79
- max-height: var(--table-height);
80
- }
81
- .rt-tr-group {
82
- flex: 1 0 auto;
83
- display: flex;
84
- flex-direction: column;
85
- align-items: stretch;
86
- }
87
- .rt-tr {
88
- flex: 1 0 auto;
89
- display: inline-flex;
90
- }
91
- .rt-th,
92
- .rt-td,
93
- .cp-table-header-button {
94
- position: relative;
95
- flex: 1 0 0px;
96
- white-space: nowrap;
97
- text-overflow: ellipsis;
98
- padding: 0.75em 0.625em 0.75em 0.625em;
99
- overflow: hidden;
100
- }
101
- .rt-expandable {
102
- cursor: pointer;
103
- text-overflow: clip;
104
- }
105
- .cp-table-header-button {
106
- position: absolute;
107
- top: 0;
108
- right: 0;
109
- bottom: 0;
110
- left: 0;
111
- width: 100%;
112
- height: 100%;
113
- display: flex;
114
- background: none;
115
- border: none;
116
- color: inherit;
117
- text-align: left;
118
- cursor: ns-resize;
119
- }
120
- .cp-table-header-button > .cp-table-header-icon {
121
- opacity: 0;
122
- margin-left: auto;
123
- padding-left: 0.5em;
124
- padding-right: 0.5em;
125
- transition: 0.1s ease-out opacity, 0.1s ease transform;
126
- }
127
- .cp-table-header-button:focus {
128
- background-color: rgba(var(--white-RGB), 0.125);
129
- outline: 2px solid var(--accent);
130
- outline-offset: -2px;
131
- }
132
- .cp-table-header-button:focus > .cp-table-header-icon {
133
- opacity: 1;
134
- }
135
- .rt-resizable-header,
136
- .rt-thead:not(.-headerGroups) .rt-th {
137
- padding: 0;
138
- }
139
- .rt-resizable-header,
140
- .rt-resizable-header-content,
141
- .rt-th > [class=""] {
142
- min-height: 2rem;
143
- }
144
- .rt-resizable-header {
145
- position: relative;
146
- overflow: visible;
147
- }
148
- .rt-resizable-header.-sort-desc,
149
- .rt-resizable-header.-sort-asc,
150
- .rt-resizable-header.rt-th.rt-th:hover {
151
- background-color: rgba(var(--dark-1-RGB), 0.875);
152
- }
153
- .rt-resizable-header.-sort-desc .cp-table-header-icon,
154
- .rt-resizable-header.-sort-asc .cp-table-header-icon,
155
- .rt-resizable-header.rt-th.rt-th:hover .cp-table-header-icon {
156
- opacity: 1;
157
- }
158
- .rt-resizable-header-content {
159
- overflow: hidden;
160
- text-overflow: ellipsis;
161
- }
162
- .rt-resizing .rt-th,
163
- .rt-resizing .rt-td {
164
- cursor: col-resize;
165
- }
166
- .rt-th.-sort-asc .cp-table-header-icon {
167
- transform: rotate(-180deg);
168
- }
169
- .rt-thead.-headerGroups .rt-th:not(:empty) {
170
- background-color: var(--table-hgroup-bg-color);
171
- border: 1px solid var(--table-hgroup-border-color);
172
- border-bottom: none;
173
- color: var(--table-hgroup-text-color);
174
- text-align: center;
175
- outline: none;
176
- }
177
- .rt-thead.-header {
178
- background-color: var(--table-thead-bg-color);
179
- }
180
- .rt-thead.-header .rt-th {
181
- background-color: var(--table-thead-bg-color);
182
- border: 1px solid var(--table-thead-border-color);
183
- color: var(--table-thead-text-color);
184
- }
185
- .rt-tbody .rt-td {
186
- background-color: var(--table-cell-bg-color);
187
- border: 1px solid var(--table-cell-border-color);
188
- color: var(--table-cell-text-color);
189
- border-top: none;
190
- }
191
- .rt-th:not(:last-of-type),
192
- .rt-td:not(:last-of-type) {
193
- border-right-color: transparent !important;
194
- }
195
- .rt-tr-group > .rt-tr-group .rt-td {
196
- background-color: var(--table-nested-cell-bg-color);
197
- }
198
- .rt-tr-group > .rt-tr-group .rt-expandable {
199
- cursor: auto;
200
- }
201
- .rt-tr-group > .rt-tr-group > .rt-tr-group {
202
- display: none;
203
- }
204
- .rt-expander {
205
- display: inline-block;
206
- color: transparent;
207
- }
208
- .rt-expander:before {
209
- content: "\e695";
210
- font-family: Icons20, sans-serif;
211
- display: inline-block;
212
- color: var(--table-icon-color);
213
- will-change: transform;
214
- transition: transform 0.2s ease-out, color 0.2s ease-out;
215
- }
216
- .rt-expander.-open:before {
217
- transform: rotateZ(90deg);
218
- }
219
- .rt-resizer {
220
- display: inline-block;
221
- position: absolute !important;
222
- width: 4px;
223
- top: 4px;
224
- bottom: 4px;
225
- right: 0;
226
- padding-right: 4px;
227
- border-left: 4px dotted var(--table-icon-color);
228
- cursor: col-resize;
229
- opacity: 0;
230
- transform: translateX(50%);
231
- transition: 0.1s ease-out opacity, 0.1s ease-out transform;
232
- }
233
- .rt-resizable-header:hover .rt-resizer {
234
- opacity: 1;
235
- transform: none;
236
- }
237
- .-pagination {
238
- display: flex;
239
- align-items: baseline;
240
- justify-content: center;
241
- padding-top: var(--gutter-sm);
242
- padding-bottom: var(--gutter-sm);
243
- }
244
- .-pagination > *:not(:last-child) {
245
- margin-right: 1rem;
246
- }
247
- .-pagination .-pageInfo {
248
- display: flex;
249
- align-items: baseline;
250
- color: var(--gray);
251
- }
252
- .-pagination .-pageInfo .-pageJump {
253
- margin: 0.25em;
254
- }
255
- .-pagination .-pageInfo .-pageJump input {
256
- padding: 0.125em 0.5em 0.25em 0.5em;
257
- width: 2rem;
258
- text-align: center;
259
- font-size: inherit;
260
- }
261
- .-pagination .-pageInfo .-pageJump input::-webkit-outer-spin-button,
262
- .-pagination .-pageInfo .-pageJump input::-webkit-inner-spin-button {
263
- -webkit-appearance: none;
264
- margin: 0;
265
- }
266
- .-pagination .-pageInfo .-totalPages {
267
- margin-left: 0.25em;
268
- }
269
- [class=-loading] {
270
- display: none;
271
- }
272
- .cp-table-cell-inner.cp-table-cell-inner-clickable {
273
- color: var(--accent-dark);
274
- cursor: pointer;
275
- }
276
- .cp-table-cell-inner.cp-table-cell-inner-clickable:hover,
277
- .cp-table-cell-inner.cp-table-cell-inner-clickable:focus {
278
- text-decoration: underline;
279
- }
280
-
281
32
  /* components/builder/editors/MonacoWrapper.css */
282
33
  .cr-monaco-container {
283
34
  height: 100%;