igniteui-theming 5.1.0 → 5.2.0-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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "5.1.0",
3
+ "version": "5.2.0-beta.1",
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": {
@@ -51,18 +51,39 @@ $dark-bootstrap-splitter: $bootstrap-splitter;
51
51
 
52
52
  /// Generates a dark indigo splitter schema.
53
53
  /// @type {Map}
54
- /// @prop {Map} handle-color [color: 'surface'] - The color for the bar drag handle.
55
- /// @prop {Map} expander-color [color: 'surface'] - The color for the bar drag handle.
54
+ /// @prop {Map} bar-color [color: ('gray', 200)] - The background color of the bar.
55
+ /// @prop {Map} focus-color [color: ('gray', 300)] - The color used for focused splitter bar.
56
+ /// @prop {Map} handle-color [color: ('gray', 600)] - The color for the bar drag handle.
57
+ /// @prop {Map} expander-color [color: ('gray', 600)] - The color for the bar drag handle.
56
58
  /// @requires $indigo-splitter
57
59
  $dark-indigo-splitter: extend(
58
60
  $indigo-splitter,
59
61
  (
62
+ bar-color: (
63
+ color: (
64
+ 'gray',
65
+ 200,
66
+ ),
67
+ ),
68
+
69
+ focus-color: (
70
+ color: (
71
+ 'gray',
72
+ 300,
73
+ ),
74
+ ),
60
75
  handle-color: (
61
- color: 'surface',
76
+ color: (
77
+ 'gray',
78
+ 600,
79
+ ),
62
80
  ),
63
81
 
64
82
  expander-color: (
65
- color: 'surface',
83
+ color: (
84
+ 'gray',
85
+ 600,
86
+ ),
66
87
  ),
67
88
  )
68
89
  );
@@ -73,9 +73,9 @@ $bootstrap-splitter: $light-splitter;
73
73
  /// Generates an indigo splitter schema.
74
74
  /// @type {Map}
75
75
  /// @prop {Map} bar-color [color: ('gray', 400)] - The background color of the bar.
76
- /// @prop {Map} handle-color [color: ('surface')] - The color for the bar drag handle.
77
- /// @prop {Map} expander-color [color: ('surface')] - The color for the bar drag handle.
78
- /// @prop {Map} focus-color [color: ('primary', 500)] - The color used for focused splitter bar.
76
+ /// @prop {Map} focus-color [color: ('gray', 500)] - The color used for focused splitter bar.
77
+ /// @prop {Map} handle-color [color: ('gray', 700)] - The color for the bar drag handle.
78
+ /// @prop {Map} expander-color [color: ('gray', 700)] - The color for the bar drag handle.
79
79
  /// @requires {Map} $light-splitter
80
80
  $indigo-splitter: extend(
81
81
  $light-splitter,
@@ -89,20 +89,22 @@ $indigo-splitter: extend(
89
89
 
90
90
  focus-color: (
91
91
  color: (
92
- 'primary',
92
+ 'gray',
93
93
  500,
94
94
  ),
95
95
  ),
96
96
 
97
97
  handle-color: (
98
98
  color: (
99
- 'surface',
99
+ 'gray',
100
+ 700,
100
101
  ),
101
102
  ),
102
103
 
103
104
  expander-color: (
104
105
  color: (
105
- 'surface',
106
+ 'gray',
107
+ 700,
106
108
  ),
107
109
  ),
108
110
  )