igniteui-theming 13.0.1 → 13.0.2

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 (3) hide show
  1. package/package.json +1 -1
  2. package/sass/themes/charts/_data-chart-theme.scss +37 -1
  3. package/sass/themes/schemas/charts/light/_data-chart.scss +60 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "13.0.1",
3
+ "version": "13.0.2",
4
4
  "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/sass/themes/charts/_data-chart-theme.scss CHANGED
@@ -28,6 +28,24 @@
28
28
  /// @param {Color} $plot-area-background [null] - Sets the brush used as the background for the current Chart object's plot area.
29
29
  /// @param {String} $title-horizontal-alignment [null] - The horizontal alignment to use for the title. Valid options are 'left', 'center', and 'right';
30
30
  /// @param {String} $subtitle-horizontal-alignment [null] - The horizontal alignment to use for the subtitle. Valid options are 'left', 'center', and 'right';
31
+ /// @param {List} $axis-label-margin [null] - Sets the margin (top, right, bottom, left) of labels on the both axes.
32
+ /// @param {Color} $axis-label-text-color [null] - Sets the color of labels on both axes.
33
+ /// @param {String} $axis-label-text-style [null] - Sets the CSS font property for labels on both axes.
34
+ /// @param {String} $axis-label-vertical-alignment [null] - Sets the vertical alignment of X-axis labels.
35
+ /// @param {Color} $axis-major-stroke [null] - Sets the color to apply to major gridlines along both axes.
36
+ /// @param {Number} $axis-major-stroke-thickness [null] - Sets the thickness to apply to major gridlines on both axes.
37
+ /// @param {Color} $axis-minor-stroke [null] - Sets the color to apply to minor gridlines along both axes.
38
+ /// @param {Number} $axis-minor-stroke-thickness [null] - Sets the thickness to apply to minor gridlines along both axes.
39
+ /// @param {Color} $axis-strip [null] - Sets the color to apply to stripes along both axes.
40
+ /// @param {Color} $axis-stroke [null] - Sets the color to apply to both axes.
41
+ /// @param {Number} $axis-stroke-thickness [null] - Sets the thickness to apply to both axes.
42
+ /// @param {Number} $axis-tick-length [null] - Sets the length of tickmarks along both axes.
43
+ /// @param {Color} $axis-tick-stroke [null] - Sets the color to apply to tickmarks along both axes.
44
+ /// @param {Number} $axis-tick-stroke-thickness [null] - Sets the thickness to apply to tickmarks along both axes.
45
+ /// @param {String} $axis-title-alignment [null] - Sets the horizontal alignment of both axes.
46
+ /// @param {List} $axis-title-margin [null] - Sets the margin (top, right, bottom, left) of a title on both axes.
47
+ /// @param {Color} $axis-title-text-color [null] - Sets the color of the title on the X-axis.
48
+ /// @param {String} $axis-title-text-style [null] - Sets the CSS font property for the title on both axes.
31
49
  /// @requires $light-material-schema
32
50
  /// @requires extend
33
51
  ///
@@ -50,7 +68,25 @@
50
68
  $marker-outlines: null,
51
69
  $plot-area-background: null,
52
70
  $title-horizontal-alignment: null,
53
- $subtitle-horizontal-alignment: null
71
+ $subtitle-horizontal-alignment: null,
72
+ $axis-label-margin: null,
73
+ $axis-label-text-color: null,
74
+ $axis-label-text-style: null,
75
+ $axis-label-vertical-alignment: null,
76
+ $axis-major-stroke-thickness: null,
77
+ $axis-minor-stroke-thickness: null,
78
+ $axis-stroke: null,
79
+ $axis-stroke-thickness: null,
80
+ $axis-tick-length: null,
81
+ $axis-tick-stroke-thickness: null,
82
+ $axis-title-alignment: null,
83
+ $axis-title-margin: null,
84
+ $axis-title-text-style: null,
85
+ $axis-title-text-color: null,
86
+ $axis-major-stroke: null,
87
+ $axis-minor-stroke: null,
88
+ $axis-tick-stroke: null,
89
+ $axis-strip: null
54
90
  ) {
55
91
  $name: 'data-chart';
56
92
  $selector: map.get(
package/sass/themes/schemas/charts/light/_data-chart.scss CHANGED
@@ -20,7 +20,24 @@
20
20
  /// @property {Color} plot-area-background [color: ('surface', 500)] - Sets the brush used as the background for the current Chart object's plot area.
21
21
  /// @property {String} title-horizontal-alignment [null] - The horizontal alignment to use for the title.
22
22
  /// @property {String} subtitle-horizontal-alignment [null] - The horizontal alignment to use for the subtitle.
23
- /// @property {Color} axis-label-text-color [color: (gray, 700)] - The horizontal alignment to use for the subtitle.
23
+ /// @param {List} axis-label-margin [null] - Sets the margin (top, right, bottom, left) of labels on the both axes.
24
+ /// @param {Color} axis-label-text-color [color: ('gray', 700)] - Sets the color of labels on both axes.
25
+ /// @param {String} axis-label-text-style [null] - Sets the CSS font property for labels on both axes.
26
+ /// @param {String} axis-label-vertical-alignment [null] - Sets the vertical alignment of X-axis labels.
27
+ /// @param {Color} axis-major-stroke [null] - Sets the color to apply to major gridlines along both axes.
28
+ /// @param {Number} axis-major-stroke-thickness [null] - Sets the thickness to apply to major gridlines on both axes.
29
+ /// @param {Color} axis-minor-stroke [null] - Sets the color to apply to minor gridlines along both axes.
30
+ /// @param {Number} axis-minor-stroke-thickness [null] - Sets the thickness to apply to minor gridlines along both axes.
31
+ /// @param {Color} axis-strip [null] - Sets the color to apply to stripes along both axes.
32
+ /// @param {Color} axis-stroke [color: ('gray', 500)] - Sets the color to apply to both axes.
33
+ /// @param {Number} axis-stroke-thickness [null] - Sets the thickness to apply to both axes.
34
+ /// @param {Number} axis-tick-length [null] - Sets the length of tickmarks along both axes.
35
+ /// @param {Color} axis-tick-stroke [color: ('gray', 500)] - Sets the color to apply to tickmarks along both axes.
36
+ /// @param {Number} axis-tick-stroke-thickness [null] - Sets the thickness to apply to tickmarks along both axes.
37
+ /// @param {String} axis-title-alignment [null] - Sets the horizontal alignment of both axes.
38
+ /// @param {List} axis-title-margin [null] - Sets the margin (top, right, bottom, left) of a title on both axes.
39
+ /// @param {Color} axis-title-text-color [color: ('gray', 900)] - Sets the color of the title on the X-axis.
40
+ /// @param {String} axis-title-text-style [null] - Sets the CSS font property for the title on both axes.
24
41
  $material-data-chart: (
25
42
  'margin': null,
26
43
  'title-text-color': (
@@ -49,12 +66,54 @@ $material-data-chart: (
49
66
  ),
50
67
  'title-horizontal-alignment': null,
51
68
  'subtitle-horizontal-alignment': null,
69
+ 'axis-label-margin': (
70
+ expand-shorthand: (
71
+ null,
72
+ ),
73
+ map-keys-prefix: 'axis-label',
74
+ ),
52
75
  'axis-label-text-color': (
53
76
  color: (
54
77
  'gray',
55
78
  700,
56
79
  ),
57
80
  ),
81
+ 'axis-label-text-style': null,
82
+ 'axis-label-vertical-alignment': null,
83
+ 'axis-stroke': (
84
+ color: (
85
+ 'gray',
86
+ 500,
87
+ ),
88
+ ),
89
+ 'axis-stroke-thickness': null,
90
+ 'axis-major-stroke': null,
91
+ 'axis-major-stroke-thickness': null,
92
+ 'axis-minor-stroke': null,
93
+ 'axis-minor-stroke-thickness': null,
94
+ 'axis-strip': null,
95
+ 'axis-tick-length': null,
96
+ 'axis-tick-stroke': (
97
+ color: (
98
+ 'gray',
99
+ 500,
100
+ ),
101
+ ),
102
+ 'axis-tick-stroke-thickness': null,
103
+ 'axis-title-alignment': null,
104
+ 'axis-title-margin': (
105
+ expand-shorthand: (
106
+ null,
107
+ ),
108
+ map-keys-prefix: 'axis-title',
109
+ ),
110
+ 'axis-title-text-color': (
111
+ color: (
112
+ 'gray',
113
+ 900,
114
+ ),
115
+ ),
116
+ 'axis-title-text-style': null,
58
117
  );
59
118
 
60
119
  /// Generates a fluent data-chart schema.