@cdc/core 4.23.2 → 4.23.3

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 (7) hide show
  1. package/assets/icon-area-chart.svg +1 -0
  2. package/assets/icon-chart-box-whisker.svg +1 -0
  3. package/assets/icon-chart-scatterplot.svg +1 -0
  4. package/components/inputs/InputToggle.jsx +7 -1
  5. package/data/colorPalettes.js +22 -2
  6. package/package.json +2 -2
  7. package/styles/_global.scss +3 -0
package/assets/icon-area-chart.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.31 82.55"><path d="M88.49,65.65H15.29V9.04c0-1.1-.9-2-2-2H7.82c-1.1,0-2,.9-2,2V73.13c0,1.1,.9,2,2,2H88.49c1.1,0,2-.9,2-2v-5.48c0-1.1-.9-2-2-2Z"/><path d="M87.91,60.65c-.02-.12-2.46-12.63-5.53-24.97-5.97-23.99-8.8-26-10.99-26-2.54,0-4.17,3.55-7.92,12.31-.67,1.56-1.4,3.27-2.18,5.02-1.66-4.14-3.14-5.9-4.84-5.9-2.39,0-4.05,3.42-7.07,9.64-5.56,11.44-13.97,28.72-29.12,28.72-.8,0-1.46,.65-1.46,1.45s.65,1.45,1.46,1.45H86.48c.43,0,.85-.19,1.12-.53,.28-.34,.39-.78,.31-1.2Zm-46.88-1.25c8.93-4.92,15.3-15.3,19.83-24.54,2.62,8.88,4.97,20.28,5.83,24.58l-25.66-.04Z"/></svg>
package/assets/icon-chart-box-whisker.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.31 82.55"><path d="M54.68,29.14h-4.1V8.43h2.68c.5,0,.9-.15,1.19-.46,.46-.48,.44-1.11,.42-1.62,0-.11,0-.22,0-.34s0-.24,0-.34c.02-.5,.05-1.13-.42-1.62-.29-.3-.69-.46-1.19-.46h-10.2c-.5,0-.9,.15-1.19,.46-.47,.48-.44,1.11-.42,1.62,0,.11,0,.23,0,.34s0,.23,0,.34c-.02,.5-.05,1.13,.42,1.62,.29,.3,.69,.46,1.19,.46h2.68V29.14h-4.1c-1.33,0-2.42,1.09-2.42,2.42v31.31c0,1.33,1.09,2.42,2.42,2.42h4.1v7.97h-2.68c-.5,0-.9,.15-1.19,.46-.46,.48-.44,1.11-.42,1.62,0,.11,0,.22,0,.34s0,.24,0,.34c-.02,.5-.05,1.13,.42,1.62,.29,.3,.69,.46,1.19,.46h10.2c.5,0,.9-.15,1.19-.46,.47-.48,.44-1.11,.42-1.62,0-.11,0-.23,0-.34s0-.23,0-.34c.02-.5,.05-1.13-.42-1.62-.29-.3-.69-.46-1.19-.46h-2.68v-7.97h4.1c1.33,0,2.42-1.09,2.42-2.42V31.56c0-1.33-1.09-2.42-2.42-2.42Zm-2.42,20.5v10.81h-8.2v-10.81h8.2Zm-8.2-4.84v-10.81h8.2v10.81h-8.2Z"/></svg>
package/assets/icon-chart-scatterplot.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.31 82.55"><path d="M88.49,65.65H15.29V9.04c0-1.1-.9-2-2-2H7.82c-1.1,0-2,.9-2,2V73.13c0,1.1,.9,2,2,2H88.49c1.1,0,2-.9,2-2v-5.48c0-1.1-.9-2-2-2Z"/><g><path d="M30.22,49.19c-1.79,0-3.24,1.45-3.24,3.24s1.45,3.24,3.24,3.24,3.24-1.45,3.24-3.24-1.45-3.24-3.24-3.24Z"/><path d="M33.06,35.59c-1.79,0-3.24,1.45-3.24,3.24s1.45,3.24,3.24,3.24,3.24-1.45,3.24-3.24-1.45-3.24-3.24-3.24Z"/><path d="M48.12,37.83c-1.79,0-3.24,1.45-3.24,3.24s1.45,3.24,3.24,3.24,3.24-1.45,3.24-3.24-1.45-3.24-3.24-3.24Z"/><circle cx="49.64" cy="22.73" r="3.24"/><path d="M64.53,19.49c-1.79,0-3.24,1.45-3.24,3.24s1.45,3.24,3.24,3.24,3.24-1.45,3.24-3.24-1.45-3.24-3.24-3.24Z"/><path d="M57.95,31.11c-1.79,0-3.24,1.45-3.24,3.24s1.45,3.24,3.24,3.24,3.24-1.45,3.24-3.24-1.45-3.24-3.24-3.24Z"/><path d="M74.53,11.54c-1.79,0-3.24,1.45-3.24,3.24s1.45,3.24,3.24,3.24,3.24-1.45,3.24-3.24-1.45-3.24-3.24-3.24Z"/></g></svg>
package/components/inputs/InputToggle.jsx CHANGED
@@ -17,6 +17,7 @@ const InputSlider = ({
17
17
  i = null,
18
18
  min = null,
19
19
  max = null,
20
+ onClick,
20
21
  ...attributes
21
22
  }) => {
22
23
  const [value, setValue] = useState(stateValue)
@@ -51,10 +52,15 @@ const InputSlider = ({
51
52
  }
52
53
  }, [value])
53
54
 
55
+ const clickHandler = e => {
56
+ setValue(!value)
57
+ if (onClick) onClick(e)
58
+ }
59
+
54
60
  return (
55
61
  <div className='input-group'>
56
62
  {label && <label>{label}</label>}
57
- <div className={'cove-input__slider' + (size === 'small' ? '--small' : size === 'large' ? '--large' : '') + sliderTypeClass() + (value ? ' active' : '')} onClick={() => setValue(!value)}>
63
+ <div className={'cove-input__slider' + (size === 'small' ? '--small' : size === 'large' ? '--large' : '') + sliderTypeClass() + (value ? ' active' : '')} onClick={clickHandler}>
58
64
  <div className='cove-input__slider-button' />
59
65
  <div className='cove-input__slider-track' style={value && activeColor ? { backgroundColor: activeColor } : null} />
60
66
  <input className='cove-input--hidden' type='checkbox' name={name()} checked={value || false} readOnly />
package/data/colorPalettes.js CHANGED
@@ -43,7 +43,27 @@ const colorPalettes2 = {
43
43
  'sequential-orange-(MPX)': ['#FFEFCF', '#FFD49C', '#F7A866', '#EB7723', '#B95117', '#862B0B'],
44
44
  'sequential-green': ['#C7E9C0', '#A1D99B', '#74C476', '#41AB5D', '#238B45', '#005A32']
45
45
  }
46
+ // * ============= Palettes for Paired bar Chart ========== * //
47
+ export const colorPalettes3 = {
48
+ 'monochrome-1': ['#A6CEE3', '#15017A'],
49
+ 'monochrome-2': ['#C2C0FC', '#15017A'],
50
+ 'monochrome-3': ['#cab2d6', '#6a3d9a'],
51
+ 'monochrome-4': ['#C2C0FC', '#6a3d9a'],
52
+ 'monochrome-5': ['#fedab8', '#bf5b17'],
53
+ 'cool-1': ['#b2df8a', '#1f78b4'],
54
+ 'cool-2': ['#a6cee3', '#33A02C'],
55
+ 'cool-3': ['#C2C0FC', '#386cb0'],
56
+ 'cool-4': ['#33A02c', '#6a3d9a'],
57
+ 'cool-5': ['#a6cee3', '#6a3d9a'],
58
+ 'warm-1': ['#e31a1c', '#fedab8'],
59
+ 'complementary-1': ['#1f78b4', '#e6ab02'],
60
+ 'complementary-2': ['#1f78b4', '#ff7f00'],
61
+ 'complementary-3': ['#6a3d9a', '#ff7f00'],
62
+ 'complementary-4': ['#6a3d9a', '#e6ab02'],
63
+ 'complementary-5': ['#e31a90', '#1b9e77']
64
+ }
46
65
 
47
- export const colorPalettesChart = updatePaletteNames(colorPalettes2) // adds reverse keyword to eact palette
48
- const colorPalettes = updatePaletteNames(colorPalettesMap) // adds reverse keyword to eact palette
66
+ export const colorPalettesChart = updatePaletteNames(colorPalettes2)
67
+ const colorPalettes = updatePaletteNames(colorPalettesMap)
68
+ export const twoColorPalette = updatePaletteNames(colorPalettes3)
49
69
  export default colorPalettes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdc/core",
3
- "version": "4.23.2",
3
+ "version": "4.23.3",
4
4
  "description": "Core components, styles, hooks, and helpers, for the CDC Open Visualization project",
5
5
  "moduleName": "CdcCore",
6
6
  "main": "dist/cdccore",
@@ -30,5 +30,5 @@
30
30
  "react": "^18.2.0",
31
31
  "react-dom": "^18.2.0"
32
32
  },
33
- "gitHead": "cd4216f47b1c41bfbc1de3b704f70c52cc7293c2"
33
+ "gitHead": "6fa3b11db159d38538f18023fe70b67a29e7d327"
34
34
  }
package/styles/_global.scss CHANGED
@@ -80,6 +80,9 @@ strong {
80
80
  }
81
81
  &.danger {
82
82
  background-color: $red;
83
+ padding: 0em 0.6em 0.0em;
84
+ height: 1.6em;
85
+ font-size: 0.8 em;
83
86
  color: #fff;
84
87
  &:hover {
85
88
  background-color: darken($red, 5%);