igniteui-theming 5.0.0-beta.8 → 5.0.0-beta.9

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 (5) hide show
  1. package/package.json +1 -1
  2. package/sass/themes/schemas/components/dark/_button-group.scss +8 -11
  3. package/sass/themes/schemas/components/dark/_expansion-panel.scss +2 -2
  4. package/sass/themes/schemas/components/light/_button-group.scss +2 -3
  5. package/sass/themes/schemas/components/light/_expansion-panel.scss +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "5.0.0-beta.8",
3
+ "version": "5.0.0-beta.9",
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/schemas/components/dark/_button-group.scss CHANGED
@@ -240,17 +240,17 @@ $dark-bootstrap-button-group: $bootstrap-button-group;
240
240
  /// @prop {Map} item-background [contrast-color: ('gray', 50, .05)] - The background color for button group items.
241
241
  /// @prop {Map} item-text-color [contrast-color: ('gray', 50, .8)] - The text color for button group items.
242
242
  /// @prop {Map} item-icon-color [contrast-color: ('gray', 50, .8)] - The icon color for button group items.
243
- /// @prop {Map} item-border-color [contrast-color: ('gray', 50, .2)] - The border color between button group items.
243
+ /// @prop {Map} item-border-color [color: ('gray', 100)] - The border color between button group items.
244
244
  /// @prop {Map} idle-shadow-color [contrast-color: ('gray', 50, .2)] - The outline color of button group items.
245
245
  /// @prop {Map} item-hover-background [contrast-color: ('gray', 50, .1)] - The hover background color for button group items.
246
246
  /// @prop {Map} item-hover-text-color [contrast-color: ('gray', 50)] - The hover text color for button group items.
247
247
  /// @prop {Map} item-hover-icon-color [contrast-color: ('gray', 50)] - The hover icon color for button group items.
248
- /// @prop {Map} item-hover-border-color [contrast-color: ('gray', 50, .3)] - The hover border color between button group items.
248
+ /// @prop {Map} item-hover-border-color [color: ('gray', 200)] - The hover border color between button group items.
249
249
  /// @prop {Map} item-focused-text-color [contrast-color: ('gray', 50, .8)] - The focused text color for button group items.
250
250
  /// @prop {Map} item-focused-background [contrast-color: ('gray', 50, .05)] - The focused background color for button group items.
251
251
  /// @prop {Color} disabled-background-color [transparent] - The background color for a disabled item in the button group.
252
252
  /// @prop {Map} disabled-text-color [contrast-color: ('gray', 50, .2)] - The text/icon color for a disabled item in the button group.
253
- /// @prop {Map} item-disabled-border [contrast-color: ('gray', 50, .15)] - The border color for a disabled item in the button group.
253
+ /// @prop {Map} item-disabled-border [color: ('gray', 50)] - The border color for a disabled item in the button group.
254
254
  /// @prop {Map} disabled-selected-text-color [contrast-color: ('primary', 500, .2)] - The disabled text color for a selected item in the button group.
255
255
  /// @prop {Map} disabled-selected-icon-color [contrast-color: ('primary', 500, .2)] - The disabled icon color for a selected item in the button group.
256
256
  /// @requires $indigo-button-group
@@ -282,10 +282,9 @@ $dark-indigo-button-group: extend(
282
282
  ),
283
283
 
284
284
  item-border-color: (
285
- contrast-color: (
285
+ color: (
286
286
  'gray',
287
- 50,
288
- 0.2,
287
+ 100,
289
288
  ),
290
289
  ),
291
290
 
@@ -320,10 +319,9 @@ $dark-indigo-button-group: extend(
320
319
  ),
321
320
 
322
321
  item-hover-border-color: (
323
- contrast-color: (
322
+ color: (
324
323
  'gray',
325
- 50,
326
- 0.3,
324
+ 200,
327
325
  ),
328
326
  ),
329
327
 
@@ -354,10 +352,9 @@ $dark-indigo-button-group: extend(
354
352
  ),
355
353
 
356
354
  item-disabled-border: (
357
- contrast-color: (
355
+ color: (
358
356
  'gray',
359
357
  50,
360
- 0.15,
361
358
  ),
362
359
  ),
363
360
 
package/sass/themes/schemas/components/dark/_expansion-panel.scss CHANGED
@@ -65,7 +65,7 @@ $dark-bootstrap-expansion-panel: extend(
65
65
  /// @prop {Map} header-description-color [contrast-color: ('gray', 50, 0.7)] - The panel header description text color.
66
66
  /// @prop {Map} header-icon-color [contrast-color: ('gray', 50, 0.8)] - The panel header icon color.
67
67
  /// @prop {Map} body-color [contrast-color: ('gray', 50, 0.8)] - The panel body text color.
68
- /// @prop {Map} disabled-color [contrast-color: ('gray', 50, 0.2)] - The panel disabled text color.
68
+ /// @prop {Map} disabled-text-color [contrast-color: ('gray', 50, 0.2)] - The panel disabled text color.
69
69
  /// @prop {Map} disabled-description-color [contrast-color: ('gray', 50, 0.2)] - The panel disabled header description text color.
70
70
  /// @requires $indigo-expansion-panel
71
71
  $dark-indigo-expansion-panel: extend(
@@ -102,7 +102,7 @@ $dark-indigo-expansion-panel: extend(
102
102
  ),
103
103
  ),
104
104
 
105
- disabled-color: (
105
+ disabled-text-color: (
106
106
  contrast-color: (
107
107
  'gray',
108
108
  50,
package/sass/themes/schemas/components/light/_button-group.scss CHANGED
@@ -687,7 +687,7 @@ $bootstrap-button-group: extend(
687
687
  /// @prop {Map} item-selected-hover-icon-color [contrast-color: ('primary', 500)] - The icon color for a selected item in hover state in the button group.
688
688
  /// @prop {Map} disabled-background-color [contrast-color: ('gray', 900)] - The background color for a disabled item in the button group.
689
689
  /// @prop {Map} disabled-text-color [color: ('gray', 900, .2)] - The text/icon color for a disabled item in the button group.
690
- /// @prop {Map} item-disabled-border [color: ('gray', 900, .15)] - The border color for a disabled item in the button group.
690
+ /// @prop {Map} item-disabled-border [color: ('gray', 300)] - The border color for a disabled item in the button group.
691
691
  /// @prop {Map} disabled-selected-background [color: ('primary', 400, .5)] - The disabled background color for a selected item in the button group.
692
692
  /// @prop {Map} disabled-selected-text-color [contrast-color: ('primary', 500, .4)] - The disabled text color for a selected item in the button group.
693
693
  /// @prop {Map} disabled-selected-icon-color [contrast-color: ('primary', 500, .3)] - The disabled icon color for a selected item in the button group.
@@ -818,8 +818,7 @@ $indigo-button-group: extend(
818
818
  item-disabled-border: (
819
819
  color: (
820
820
  'gray',
821
- 900,
822
- 0.15,
821
+ 300,
823
822
  ),
824
823
  ),
825
824
 
package/sass/themes/schemas/components/light/_expansion-panel.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  /// @prop {Map} header-description-color [color: ('gray', 700)] - The panel header description text color.
17
17
  /// @prop {Map} header-icon-color [color: ('gray', 800)] - The panel header icon color.
18
18
  /// @prop {Map} body-color [color: ('gray', 900)] - The panel body text color.
19
- /// @prop {Map} disabled-color [color: ('gray', 500)] - The panel disabled text color.
19
+ /// @prop {Map} disabled-text-color [color: ('gray', 500)] - The panel disabled text color.
20
20
  /// @prop {Map} disabled-description-color [color: ('gray', 500)] - The panel disabled header description text color.
21
21
  /// @prop {List} border-radius [(rem(0), rem(0), rem(16px))] - The border radius used for expansion-panel.
22
22
  /// @prop {Number} expanded-margin [8px] - The expansion panel margin in expanded state when positioned inside accordion.
@@ -68,7 +68,7 @@ $light-expansion-panel: (
68
68
  ),
69
69
  ),
70
70
 
71
- disabled-color: (
71
+ disabled-text-color: (
72
72
  color: (
73
73
  'gray',
74
74
  500,
@@ -98,7 +98,7 @@ $material-expansion-panel: $light-expansion-panel;
98
98
  /// Generates a fluent expansion panel schema.
99
99
  /// @type {Map}
100
100
  /// @prop {Map} body-color [color: ('gray', 700)] - The panel body text color.
101
- /// @prop {Map} disabled-color [color: ('gray', 400)] - The panel disabled text color.
101
+ /// @prop {Map} disabled-text-color [color: ('gray', 400)] - The panel disabled text color.
102
102
  /// @prop {Map} disabled-description-color [color: ('gray', 400)] - The panel disabled header description text color.
103
103
  /// @requires {Map} $light-expansion-panel
104
104
  $fluent-expansion-panel: extend(
@@ -111,7 +111,7 @@ $fluent-expansion-panel: extend(
111
111
  ),
112
112
  ),
113
113
 
114
- disabled-color: (
114
+ disabled-text-color: (
115
115
  color: (
116
116
  'gray',
117
117
  400,
@@ -160,7 +160,7 @@ $bootstrap-expansion-panel: extend(
160
160
  /// @prop {Map} header-description-color [color: ('gray', 600)] - The panel header description text color.
161
161
  /// @prop {Map} header-icon-color [color: ('gray', 600)] - The panel header icon color.
162
162
  /// @prop {Map} body-color [color: ('gray', 700)] - The panel body text color.
163
- /// @prop {Map} disabled-color [color: ('gray', 900, 0.2)] - The panel disabled text color.
163
+ /// @prop {Map} disabled-text-color [color: ('gray', 900, 0.2)] - The panel disabled text color.
164
164
  /// @prop {Map} disabled-description-color [color: ('gray', 900, 0.15)] - The panel disabled header description text color.
165
165
  /// @requires {Map} $light-expansion-panel
166
166
  $indigo-expansion-panel: extend(
@@ -196,7 +196,7 @@ $indigo-expansion-panel: extend(
196
196
  ),
197
197
  ),
198
198
 
199
- disabled-color: (
199
+ disabled-text-color: (
200
200
  color: (
201
201
  'gray',
202
202
  900,