@cdc/data-bite 4.24.9 → 4.24.11

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 (10) hide show
  1. package/LICENSE +201 -0
  2. package/dist/cdcdatabite.js +2909 -2514
  3. package/package.json +3 -3
  4. package/src/CdcDataBite.tsx +84 -12
  5. package/src/components/EditorPanel.jsx +344 -127
  6. package/src/coreStyles_databite.scss +3 -0
  7. package/src/index.jsx +2 -1
  8. package/src/scss/bite.scss +24 -25
  9. package/src/scss/editor-panel.scss +0 -8
  10. package/src/scss/main.scss +0 -20
package/src/scss/bite.scss CHANGED
@@ -1,68 +1,67 @@
1
- @import '../../../core/styles/variables';
2
1
 
3
2
  &.theme-blue {
4
3
  .bite-value {
5
- color: $primary;
4
+ color: var(--primary);
6
5
  }
7
6
  }
8
7
 
9
8
  &.theme-purple {
10
9
  .bite-value {
11
- color: $purple-primary;
10
+ color: var(--purple-primary);
12
11
  }
13
12
  }
14
13
 
15
14
  &.theme-amber {
16
15
  .bite-value {
17
- color: $amber-primary;
16
+ color: var(--amber-primary);
18
17
  }
19
18
  }
20
19
 
21
20
  &.theme-orange {
22
21
  .bite-value {
23
- color: $orange-primary;
22
+ color: var(--orange-primary);
24
23
  }
25
24
  }
26
25
 
27
26
  &.theme-brown {
28
27
  .bite-value {
29
- color: $brown-primary;
28
+ color: var(--brown-primary);
30
29
  }
31
30
  }
32
31
 
33
32
  &.theme-teal {
34
33
  .bite-value {
35
- color: $teal-primary;
34
+ color: var(--teal-primary);
36
35
  }
37
36
  }
38
37
 
39
38
  &.theme-pink {
40
39
  .bite-value {
41
- color: $pink-primary;
40
+ color: var(--pink-primary);
42
41
  }
43
42
  }
44
43
 
45
44
  &.theme-slate {
46
45
  .bite-value {
47
- color: $slate-primary;
46
+ color: var(--slate-primary);
48
47
  }
49
48
  }
50
49
 
51
50
  &.theme-indigo {
52
51
  .bite-value {
53
- color: $indigo-primary;
52
+ color: var(--indigo-primary);
54
53
  }
55
54
  }
56
55
 
57
56
  &.theme-cyan {
58
57
  .bite-value {
59
- color: $cyan-primary;
58
+ color: var(--cyan-primary);
60
59
  }
61
60
  }
62
61
 
63
62
  &.theme-green {
64
63
  .bite-value {
65
- color: $green-primary;
64
+ color: var(--green-primary);
66
65
  }
67
66
  }
68
67
 
@@ -160,67 +159,67 @@
160
159
 
161
160
  &.theme-blue {
162
161
  .bite-value {
163
- color: $primary;
162
+ color: var(--primary);
164
163
  }
165
164
  }
166
165
 
167
166
  &.theme-purple {
168
167
  .bite-value {
169
- color: $purple-primary;
168
+ color: var(--purple-primary);
170
169
  }
171
170
  }
172
171
 
173
172
  &.theme-amber {
174
173
  .bite-value {
175
- color: $amber-primary;
174
+ color: var(--amber-primary);
176
175
  }
177
176
  }
178
177
 
179
178
  &.theme-orange {
180
179
  .bite-value {
181
- color: $orange-primary;
180
+ color: var(--orange-primary);
182
181
  }
183
182
  }
184
183
 
185
184
  &.theme-brown {
186
185
  .bite-value {
187
- color: $brown-primary;
186
+ color: var(--brown-primary);
188
187
  }
189
188
  }
190
189
 
191
190
  &.theme-teal {
192
191
  .bite-value {
193
- color: $teal-primary;
192
+ color: var(--teal-primary);
194
193
  }
195
194
  }
196
195
 
197
196
  &.theme-pink {
198
197
  .bite-value {
199
- color: $pink-primary;
198
+ color: var(--pink-primary);
200
199
  }
201
200
  }
202
201
 
203
202
  &.theme-slate {
204
203
  .bite-value {
205
- color: $slate-primary;
204
+ color: var(--slate-primary);
206
205
  }
207
206
  }
208
207
 
209
208
  &.theme-indigo {
210
209
  .bite-value {
211
- color: $indigo-primary;
210
+ color: var(--indigo-primary);
212
211
  }
213
212
  }
214
213
 
215
214
  &.theme-cyan {
216
215
  .bite-value {
217
- color: $cyan-primary;
216
+ color: var(--cyan-primary);
218
217
  }
219
218
  }
220
219
 
221
220
  &.theme-green {
222
221
  .bite-value {
223
- color: $green-primary;
222
+ color: var(--green-primary);
224
223
  }
225
224
  }
226
225
 
@@ -359,10 +358,10 @@
359
358
  }
360
359
 
361
360
  .cove-component__content {
362
- background: $lightestGray;
361
+ background: var(--lightestGray);
363
362
 
364
363
  &:not(.no-borders) {
365
- border-color: $lightGray;
364
+ border-color: var(--lightGray);
366
365
  border-width: 1px;
367
366
  border-style: solid;
368
367
  }
package/src/scss/editor-panel.scss CHANGED
@@ -7,11 +7,6 @@
7
7
  }
8
8
 
9
9
  .editor-panel {
10
- //TODO: Remove after COVE refactor
11
- &.cove {
12
- @import '@cdc/core/styles/v2/layout/tooltip.scss';
13
- }
14
-
15
10
  .text-center {
16
11
  text-align: center;
17
12
  }
@@ -423,9 +418,6 @@
423
418
  font-weight: normal;
424
419
  }
425
420
 
426
- .btn {
427
- margin-top: 1em;
428
- }
429
421
  .sort-list {
430
422
  list-style: none;
431
423
  > li {
package/src/scss/main.scss CHANGED
@@ -1,11 +1,7 @@
1
- @import '@cdc/core/styles/base';
2
- @import '@cdc/core/styles/heading-colors';
3
- @import '@cdc/core/styles/v2/themes/color-definitions';
4
1
  @import 'variables';
5
2
 
6
3
  .cdc-open-viz-module.type-data-bite {
7
4
  @import 'bite';
8
- // @import 'editor-panel';
9
5
  .visually-hidden {
10
6
  position: fixed;
11
7
  left: -10000px;
@@ -30,22 +26,6 @@
30
26
  }
31
27
  }
32
28
 
33
- .btn {
34
- background: #005eaa;
35
- color: #fff;
36
- border: 0;
37
- padding: 0.4em 0.8em;
38
- display: block;
39
- border-radius: 5px;
40
- transition: 0.1s all;
41
- cursor: pointer;
42
-
43
- &[disabled] {
44
- opacity: 0.5;
45
- z-index: -1;
46
- position: relative;
47
- }
48
- }
49
29
 
50
30
  .warning-icon {
51
31
  position: relative;