@spaced-out/ui-design-system 0.1.92 → 0.1.93-beta.1

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 (38) hide show
  1. package/.cspell/custom-words.txt +41 -0
  2. package/CHANGELOG.md +19 -0
  3. package/lib/components/DateRangePicker/Calendar.js +75 -0
  4. package/lib/components/DateRangePicker/Calendar.js.flow +113 -0
  5. package/lib/components/DateRangePicker/Calendar.module.css +49 -0
  6. package/lib/components/DateRangePicker/DateRangePicker.js +120 -0
  7. package/lib/components/DateRangePicker/DateRangePicker.js.flow +173 -0
  8. package/lib/components/DateRangePicker/DateRangePicker.module.css +8 -0
  9. package/lib/components/DateRangePicker/DateRangeWrapper.js +175 -0
  10. package/lib/components/DateRangePicker/DateRangeWrapper.js.flow +282 -0
  11. package/lib/components/DateRangePicker/DateRangeWrapper.module.css +64 -0
  12. package/lib/components/DateRangePicker/Day.js +65 -0
  13. package/lib/components/DateRangePicker/Day.js.flow +80 -0
  14. package/lib/components/DateRangePicker/Day.module.css +91 -0
  15. package/lib/components/DateRangePicker/index.js +16 -0
  16. package/lib/components/DateRangePicker/index.js.flow +3 -0
  17. package/lib/components/DateRangePicker/timezones.js +262 -0
  18. package/lib/components/DateRangePicker/timezones.js.flow +256 -0
  19. package/lib/components/DateRangePicker/utils.js +218 -0
  20. package/lib/components/DateRangePicker/utils.js.flow +231 -0
  21. package/lib/components/Dropdown/Dropdown.js +7 -1
  22. package/lib/components/Dropdown/Dropdown.js.flow +7 -0
  23. package/lib/components/SpiderChart/SpiderChart.js +1 -20
  24. package/lib/components/SpiderChart/SpiderChart.js.flow +0 -20
  25. package/lib/components/index.js +11 -0
  26. package/lib/components/index.js.flow +1 -0
  27. package/lib/types/charts.js.flow +1 -0
  28. package/lib/utils/charts/charts.js +3 -0
  29. package/lib/utils/charts/charts.js.flow +3 -0
  30. package/lib/utils/charts/columnChart.js +1 -0
  31. package/lib/utils/charts/columnChart.js.flow +1 -0
  32. package/lib/utils/charts/lineChart.js +1 -0
  33. package/lib/utils/charts/lineChart.js.flow +1 -1
  34. package/lib/utils/charts/spiderChart.js +3 -1
  35. package/lib/utils/charts/spiderChart.js.flow +4 -17
  36. package/lib/utils/charts/typography.js +4 -5
  37. package/lib/utils/charts/typography.js.flow +2 -4
  38. package/package.json +2 -1
package/lib/utils/charts/spiderChart.js CHANGED
@@ -29,10 +29,12 @@ const getSpiderChartOptions = () => ({
29
29
  margin: [0, 0, 0, 0]
30
30
  },
31
31
  xAxis: {
32
+ ..._charts.commonChartOptions.xAxis,
32
33
  labels: {
33
34
  style: bodySmallSecondary
34
35
  },
35
- lineWidth: 0
36
+ lineWidth: 0,
37
+ tickmarkPlacement: 'on'
36
38
  },
37
39
  yAxis: {
38
40
  labels: {
package/lib/utils/charts/spiderChart.js.flow CHANGED
@@ -1,28 +1,13 @@
1
1
  // @flow strict
2
2
 
3
3
  import {colorTextSecondary} from '../../styles/variables/_color';
4
- import type {
5
- AxisOptions,
6
- ChartOptions,
7
- LegendOptionsType,
8
- SeriesOptionsType,
9
- } from '../../types/charts';
4
+ import type {ChartOptions} from '../../types/charts';
10
5
 
11
6
  import {commonChartOptions} from './charts';
12
- import { rightLineLegendColumn} from './helpers';
7
+ import {rightLineLegendColumn} from './helpers';
13
8
  import {bodySmall} from './typography';
14
9
 
15
10
 
16
- type SpiderChartPropsType = {
17
- ...ChartOptions,
18
- chart: ChartOptions,
19
- xAxis: AxisOptions,
20
- yAxis: AxisOptions,
21
- series?: Array<SeriesOptionsType>,
22
- legend?: LegendOptionsType,
23
- ...
24
- };
25
-
26
11
  export const bodySmallSecondary = {
27
12
  ...bodySmall,
28
13
  color: colorTextSecondary,
@@ -43,10 +28,12 @@ export const getSpiderChartOptions = (): ChartOptions => ({
43
28
  margin: [0, 0, 0, 0],
44
29
  },
45
30
  xAxis: {
31
+ ...commonChartOptions.xAxis,
46
32
  labels: {
47
33
  style: bodySmallSecondary,
48
34
  },
49
35
  lineWidth: 0,
36
+ tickmarkPlacement: 'on',
50
37
  },
51
38
  yAxis: {
52
39
  labels: {
package/lib/utils/charts/typography.js CHANGED
@@ -10,7 +10,6 @@ var _font = require("../../styles/variables/_font");
10
10
  const baseType = {
11
11
  fontFamily: 'Centra No 2',
12
12
  fontStyle: 'normal',
13
- lineHeight: _font.fontLineHeight120,
14
13
  margin: 0,
15
14
  color: _color.colorTextPrimary,
16
15
  letterSpacing: _font.fontLetterSpacing0,
@@ -30,20 +29,20 @@ const bodySmall = {
30
29
  ...baseType,
31
30
  fontSize: _font.fontSize12,
32
31
  fontWeight: _font.fontWeightBook,
33
- lineHeight: _font.fontLineHeight130,
34
32
  letterSpacing: _font.fontLetterSpacing4
35
33
  };
36
34
  exports.bodySmall = bodySmall;
37
35
  const formLabelSmall = {
38
36
  ...baseType,
39
- fontSize: _font.fontSize12,
40
- lineHeight: _font.fontLineHeight140
37
+ fontSize: _font.fontSize12
38
+ // Removing the font height as its breaking the chart axis labels
41
39
  };
42
40
  exports.formLabelSmall = formLabelSmall;
43
41
  const buttonTextExtraSmall = {
44
42
  ...baseType,
45
43
  fontSize: _font.fontSize12,
46
- letterSpacing: _font.fontLetterSpacing1
44
+ letterSpacing: _font.fontLetterSpacing1,
45
+ lineHeight: _font.fontLineHeight120
47
46
  };
48
47
  exports.buttonTextExtraSmall = buttonTextExtraSmall;
49
48
  const underline = {
package/lib/utils/charts/typography.js.flow CHANGED
@@ -7,7 +7,6 @@ import {
7
7
  fontLetterSpacingMinus3,
8
8
  fontLineHeight100,
9
9
  fontLineHeight120,
10
- fontLineHeight130,
11
10
  fontLineHeight140,
12
11
  fontSize12,
13
12
  fontSize36,
@@ -19,7 +18,6 @@ import {
19
18
  export const baseType = {
20
19
  fontFamily: 'Centra No 2',
21
20
  fontStyle: 'normal',
22
- lineHeight: fontLineHeight120,
23
21
  margin: 0,
24
22
  color: colorTextPrimary,
25
23
  letterSpacing: fontLetterSpacing0,
@@ -39,20 +37,20 @@ export const bodySmall = {
39
37
  ...baseType,
40
38
  fontSize: fontSize12,
41
39
  fontWeight: fontWeightBook,
42
- lineHeight: fontLineHeight130,
43
40
  letterSpacing: fontLetterSpacing4,
44
41
  };
45
42
 
46
43
  export const formLabelSmall = {
47
44
  ...baseType,
48
45
  fontSize: fontSize12,
49
- lineHeight: fontLineHeight140,
46
+ // Removing the font height as its breaking the chart axis labels
50
47
  };
51
48
 
52
49
  export const buttonTextExtraSmall = {
53
50
  ...baseType,
54
51
  fontSize: fontSize12,
55
52
  letterSpacing: fontLetterSpacing1,
53
+ lineHeight: fontLineHeight120,
56
54
  };
57
55
 
58
56
  export const underline = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.1.92",
3
+ "version": "0.1.93-beta.1",
4
4
  "main": "index.js",
5
5
  "description": "Sense UI components library",
6
6
  "author": {
@@ -49,6 +49,7 @@
49
49
  "highcharts": "^11.4.1",
50
50
  "highcharts-react-official": "^3.2.1",
51
51
  "lodash": "^4.17.21",
52
+ "moment-timezone": "^0.5.45",
52
53
  "react-dropzone": "^14.2.3"
53
54
  },
54
55
  "devDependencies": {