playbook_ui 13.18.0.pre.alpha.powercentrainplaybookpt22201 → 13.18.0.pre.alpha.thor93bargraphoptions2211

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e3b922118d0b871f7207a63dfcca6202da7b077b9d3d5c43cabae7aa8c7d1466
4
- data.tar.gz: 2a1a35a01923c0c19bc00fdbe33968bd6561ad16c99a1e79ecc98a6d1005b659
3
+ metadata.gz: ceb325111d4662aa6a0491153e357222b4f304d21c247fcc44a3db3aafda347a
4
+ data.tar.gz: 693e1c50633b9b8f309cd2c21ffaa457adbf54ed8a3bd3dfa965b9852c3f6ca6
5
5
  SHA512:
6
- metadata.gz: 1caa21aff0eef77479226d387147d1aaa75da7086a8cb9563ccf138e5165bf2528dd6c26cf4c273e4ab3b6706968d0dda029bd4003d1f249253dd13bb8a7ee8f
7
- data.tar.gz: ae88cb3b68a66351ea7c90b5477e9672c82f6376074ea37446afd33c637ce66c311456047873126562ea4487bcda82788f15381b6caa3360804a06023e1cca62
6
+ metadata.gz: 64ae9216199a92f0559d7b524f6165f93698366b2d01e05669293b5a0fb974294148caf6415e97bcff6f8a09b1d2931cdc17cd28f2fc3b421be1532962061b97
7
+ data.tar.gz: 8134787717615c18836ec47718dae3518c79500d1786b9076618a71d8f0e5605706bc355aa9398c8dea710c3604828d93aeb680f0c7a17f4a19aab9510dc00c8
@@ -19,6 +19,7 @@ type BarGraphProps = {
19
19
  yAxisMax: number;
20
20
  chartData: { name: string; data: number[] }[];
21
21
  className?: string;
22
+ customOptions?: Partial<Highcharts.Options>;
22
23
  id: string;
23
24
  pointStart: number;
24
25
  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
@@ -48,6 +49,7 @@ const BarGraph = ({
48
49
  className = "pb_bar_graph",
49
50
  colors,
50
51
  htmlOptions = {},
52
+ customOptions = {},
51
53
  id,
52
54
  pointStart,
53
55
  subTitle,
@@ -128,7 +130,7 @@ const BarGraph = ({
128
130
  const [options, setOptions] = useState({});
129
131
 
130
132
  useEffect(() => {
131
- setOptions({ ...staticOptions });
133
+ setOptions({ ...staticOptions, ...customOptions });
132
134
  }, [chartData]);
133
135
 
134
136
  return (
@@ -6,9 +6,9 @@
6
6
  @import "../tokens/typography";
7
7
 
8
8
  $pb_button_sizes: (
9
- "sm": $font_smaller,
10
- "md": $font_small,
11
- "lg": ($font_large - 2px),
9
+ "sm": 0.75rem,
10
+ "md": 0.875rem,
11
+ "lg": 1.125rem,
12
12
  );
13
13
 
14
14
  [class*=pb_button_kit]{
@@ -9,7 +9,7 @@
9
9
 
10
10
  $pb_button_size: 40px;
11
11
  $pb_button_v_padding: 7px;
12
- $pb_button_h_padding: 28px;
12
+ $pb_button_h_padding: 34px;
13
13
  $pb_button_hover_darken: 4%;
14
14
  $pb_button_border_width: 0px;
15
15
 
@@ -27,13 +27,12 @@ $pb_button_border_width: 0px;
27
27
  text-rendering: optimizeLegibility;
28
28
  font-size: $font_small;
29
29
  font-weight: $bold;
30
- letter-spacing: $lspace_loose;
31
30
  text-align: center;
32
31
  vertical-align: middle;
33
32
  text-transform: none;
34
33
  border-width: $pb_button_border_width;
35
34
  border-style: solid;
36
- border-radius: $border_rad_heavy;
35
+ border-radius: $border_rad_light;
37
36
  min-height: $pb_button_size;
38
37
  line-height: 1.5;
39
38
  padding: $pb_button_v_padding $pb_button_h_padding;
@@ -24,7 +24,7 @@ $pb_dark_caption_colors: (
24
24
  color: $text_lt_light;
25
25
  text-transform: uppercase;
26
26
  font-size: $font_size;
27
- letter-spacing: $lspace_loosest;
27
+ letter-spacing: $lspace_looser;
28
28
  }
29
29
 
30
30
  @mixin caption_color($color: $text_lt_light) {
@@ -53,7 +53,7 @@ const adjustAxisStyle = (axis) => {
53
53
  /* Change axis label styles */
54
54
  axis.labels.style.fontFamily = typography.font_family_base
55
55
  axis.labels.style.color = colors.charcoal
56
- axis.labels.style.fontWeight = typography.regular
56
+ axis.labels.style.fontWeight = typography.light
57
57
  axis.labels.style.fontSize = typography.font_small
58
58
  }
59
59
 
@@ -27,7 +27,7 @@ const highchartsDarkTheme: ThemeProps = {
27
27
  style: {
28
28
  color: colors.text_dk_default,
29
29
  fontFamily: typography.font_family_base,
30
- fontWeight: typography.bold,
30
+ fontWeight: typography.regular,
31
31
  fontSize: typography.heading_3,
32
32
  },
33
33
  },
@@ -27,7 +27,7 @@ const highchartsTheme: ThemeProps = {
27
27
  style: {
28
28
  color: colors.text_lt_default,
29
29
  fontFamily: typography.font_family_base,
30
- fontWeight: typography.bold,
30
+ fontWeight: typography.regular,
31
31
  fontSize: typography.heading_3,
32
32
  },
33
33
  },
@@ -55,7 +55,7 @@ $form_pill_colors: (
55
55
  height: fit-content;
56
56
  height: -moz-fit-content;
57
57
  .pb_form_pill_text, .pb_form_pill_close, .pb_form_pill_tag {
58
- font-size: $font_base;
58
+ font-size: 16px;
59
59
  font-weight: $regular;
60
60
  }
61
61
  .pb_form_pill_text, .pb_form_pill_tag {
@@ -5,11 +5,10 @@
5
5
  @mixin pb_title(
6
6
  $fontSize: $heading_1,
7
7
  $fontWeight: $lighter,
8
- $lineHeight: $lh_tighter,
9
- $letterSpacing: $lspace_tight
8
+ $lineHeight: $lh_tighter
10
9
  ){
11
10
  font-size: $fontSize;
12
- letter-spacing: $letterSpacing;
11
+ letter-spacing: $lspace_tight;
13
12
  font-weight: $fontWeight;
14
13
  color: $text_lt_default;
15
14
  margin: 0;
@@ -30,7 +29,8 @@
30
29
  }
31
30
 
32
31
  @mixin pb_title_4 {
33
- @include pb_title($heading_4, $bolder, $letterSpacing: $lspace_normal);
32
+ @include pb_title($heading_4, $bolder);
33
+ letter-spacing: -0.03em;
34
34
  }
35
35
 
36
36
  @mixin pb_title_dark {
@@ -1,11 +1,11 @@
1
- $font_family_base: "Power Centra", "Helvetica Neue", Helvetica, Arial, sans_serif !default;
1
+ $font_family_base: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif !default;
2
2
 
3
3
  /* CLEAN UP AND REMOVE */
4
4
  $font_jumbo: 36px !default;
5
5
  $font_largest: 32px !default;
6
- $font_larger: 27px !default;
6
+ $font_larger: 28px !default;
7
7
  $font_large: 20px !default;
8
- $font_base: 15.5px !default;
8
+ $font_base: 16px !default;
9
9
  $font_default: $font_base !default;
10
10
  $font_normal: $font_base !default;
11
11
  $font_medium: $font_base !default;
@@ -26,8 +26,8 @@ $text_smaller: $font_smaller !default;
26
26
  $text_smallest: $font_smallest !default;
27
27
 
28
28
  /* Headings */
29
- $heading_1: 44px !default;
30
- $heading_2: 32px !default;
29
+ $heading_1: 46px !default;
30
+ $heading_2: 34px !default;
31
31
  $heading_3: $font_larger !default;
32
32
  $heading_4: $font_base !default;
33
33
 
@@ -35,19 +35,19 @@ $heading_4: $font_base !default;
35
35
  $lspace_tightest: -.1em !default;
36
36
  $lspace_tighter: -.07em !default;
37
37
  $lspace_tight: -.01em !default;
38
- $lspace_normal: .003em !default;
38
+ $lspace_normal: 0 !default;
39
39
  $lspace_loose: .03em !default;
40
40
  $lspace_looser: .07em !default;
41
41
  $lspace_loosest: .1em !default;
42
42
  $lspace_super_loosest: .2em !default;
43
43
 
44
44
  /* Standard Font Weights */
45
- $bold: 700 !default;
45
+ $bold: 600 !default;
46
46
  $regular: 400 !default;
47
47
 
48
48
  /* Non_Standard Font Weights */
49
- $extrabold: 700 !default;
50
- $boldest: 700 !default;
49
+ $extrabold: 900 !default;
50
+ $boldest: 800 !default;
51
51
  $bolder: 700 !default;
52
52
  $light: 300 !default;
53
- $lighter: 300 !default;
53
+ $lighter: 100 !default;