igniteui-theming 1.4.13 → 1.4.14

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/schemas/components/light/_combo.scss +10 -16
  3. package/sass/themes/schemas/components/light/_select.scss +11 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "1.4.13",
3
+ "version": "1.4.14",
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/light/_combo.scss CHANGED
@@ -29,6 +29,12 @@
29
29
  /// @prop {Map} case-icon-color [color: ('gray', 400)] - The case sensitive icon color in inactive state for combo search input
30
30
  /// @prop {Map} case-icon-color--active [color: ('primary', 500)] - The case sensitive icon color in active state for combo search input
31
31
  $light-combo: (
32
+ toggle-button-background-focus--border: (
33
+ color: (
34
+ 'gray',
35
+ 300,
36
+ ),
37
+ ),
32
38
  case-icon-color: (
33
39
  color: (
34
40
  'gray',
@@ -104,7 +110,7 @@ $light-combo: (
104
110
  toggle-button-background-disabled: (
105
111
  color: (
106
112
  'gray',
107
- 300,
113
+ 100,
108
114
  ),
109
115
  ),
110
116
  toggle-button-foreground-disabled: (
@@ -184,7 +190,6 @@ $fluent-combo: extend(
184
190
  /// @prop {Map} clear-button-background-focus [color: ('gray', 300)] - The combo clear button background color when the combo is focused.
185
191
  /// @prop {Map} clear-button-foreground [color: ('gray', 800)] - The combo toggle clear foreground color.
186
192
  /// @prop {Map} clear-button-foreground-focus [color: ('gray', 800)] - The combo clear button foreground color when the combo is focused.
187
- /// @prop {Map} toggle-button-background-disabled [color: ('gray', 300)] - The combo toggle button background color when the combo is disabled.
188
193
  /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 400)] - The combo toggle button foreground color when the combo is disabled.
189
194
  /// @prop {Map} toggle-button-background-focus [color: ('gray', 300)] - The combo toggle button background color when the combo is focused.
190
195
  /// @requires {Map} $light-combo
@@ -256,12 +261,6 @@ $bootstrap-combo: extend(
256
261
  300,
257
262
  ),
258
263
  ),
259
- toggle-button-background-disabled: (
260
- color: (
261
- 'gray',
262
- 300,
263
- ),
264
- ),
265
264
  toggle-button-foreground-disabled: (
266
265
  color: (
267
266
  'gray',
@@ -276,9 +275,9 @@ $bootstrap-combo: extend(
276
275
  /// @prop {Color} clear-button-background-focus [transparent] - The combo clear button background color when the combo is focused.
277
276
  /// @prop {Map} clear-button-foreground [color: ('gray', 600)] - The combo toggle clear foreground color.
278
277
  /// @prop {Map} clear-button-foreground-focus [color: ('gray', 600)] - The combo clear button foreground color when the combo is focused.
279
- /// @prop {Map} toggle-button-background-disabled [color: ('gray', 100)] - The combo toggle button background color when the combo is disabled.
280
278
  /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 300)] - The combo toggle button foreground color when the combo is disabled.
281
- /// @prop {Map} toggle-button-background-focus [color: ('gray', 300)] - The combo toggle button background color when the combo is focused.
279
+ /// @prop {Color} toggle-button-background-disabled [transparent] - The combo toggle button background color when the combo is disabled.
280
+ /// @prop {Color} toggle-button-background-focus [transparent] - The combo toggle button background color when the combo is focused.
282
281
  /// @requires {Map} $light-combo
283
282
  $indigo-combo: extend(
284
283
  $light-combo,
@@ -302,17 +301,12 @@ $indigo-combo: extend(
302
301
  600,
303
302
  ),
304
303
  ),
305
- toggle-button-background-disabled: (
306
- color: (
307
- 'gray',
308
- 100,
309
- ),
310
- ),
311
304
  toggle-button-foreground-disabled: (
312
305
  color: (
313
306
  'gray',
314
307
  300,
315
308
  ),
316
309
  ),
310
+ toggle-button-background-disabled: transparent,
317
311
  )
318
312
  );
package/sass/themes/schemas/components/light/_select.scss CHANGED
@@ -15,11 +15,17 @@
15
15
  /// @prop {Map} toggle-button-background-focus [color: ('gray', 400, .3)] - The select toggle button background color when the select is focused.
16
16
  /// @prop {Map} toggle-button-foreground [color: ('gray', 700)] - The select toggle button foreground color.
17
17
  /// @prop {Map} toggle-button-foreground-focus [color: ('gray', 700)] - The select toggle button foreground color when the select is focused.
18
- /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 900)] - The select toggle button foreground color when the select is focused.
19
- /// @prop {Map} toggle-button-background-disabled [color: ('gray', 300] - The select toggle button background color when the select is disabled.
18
+ /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 900)] - The select toggle button foreground color when the select is filled.
19
+ /// @prop {Map} toggle-button-background-disabled [color: ('gray', 100] - The select toggle button background color when the select is disabled.
20
20
  /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 500)] - The select toggle button foreground color when the select is disabled.
21
21
  /// @prop {Map} toggle-button-background-focus--border [color: ('gray', 300)] The select toggle button background color when the select is focused in material border and line variants.
22
22
  $light-select: (
23
+ toggle-button-background-focus--border: (
24
+ color: (
25
+ 'gray',
26
+ 300,
27
+ ),
28
+ ),
23
29
  toggle-button-background: (
24
30
  color: (
25
31
  'gray',
@@ -54,7 +60,7 @@ $light-select: (
54
60
  toggle-button-background-disabled: (
55
61
  color: (
56
62
  'gray',
57
- 300,
63
+ 100,
58
64
  ),
59
65
  ),
60
66
  toggle-button-foreground-disabled: (
@@ -70,7 +76,6 @@ $light-select: (
70
76
  /// @prop {Map} toggle-button-background [color: ('gray', 100)] - The select toggle button background color.
71
77
  /// @prop {Map} toggle-button-background-focus [color: ('gray', 100)] - The select toggle button background color when the select is focused.
72
78
  /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 700)] - The select toggle button foreground color when the select is focused.
73
- /// @prop {Map} toggle-button-background-disabled [color: ('gray', 100] - The select toggle button background color when the select is disabled.
74
79
  /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 400)] - The select toggle button foreground color when the select is disabled.
75
80
  /// @requires {Map} $light-select
76
81
  $fluent-select: extend(
@@ -94,12 +99,6 @@ $fluent-select: extend(
94
99
  700,
95
100
  ),
96
101
  ),
97
- toggle-button-background-disabled: (
98
- color: (
99
- 'gray',
100
- 100,
101
- ),
102
- ),
103
102
  toggle-button-foreground-disabled: (
104
103
  color: (
105
104
  'gray',
@@ -111,7 +110,6 @@ $fluent-select: extend(
111
110
 
112
111
  /// Generates a bootstrap select schema.
113
112
  /// @type {Map}
114
- /// @prop {Map} toggle-button-background-disabled [color: ('gray', 300] - The select toggle button background color when the select is disabled.
115
113
  /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 400)] - The select toggle button foreground color when the select is disabled.
116
114
  /// @prop {Map} toggle-button-foreground [color: ('gray', 800)] - The select toggle button foreground color.
117
115
  /// @prop {Map} toggle-button-foreground-focus [color: ('gray', 800)] - The select toggle button foreground color when the select is focused.
@@ -120,12 +118,6 @@ $fluent-select: extend(
120
118
  $bootstrap-select: extend(
121
119
  $light-select,
122
120
  (
123
- toggle-button-background-disabled: (
124
- color: (
125
- 'gray',
126
- 300,
127
- ),
128
- ),
129
121
  toggle-button-foreground-disabled: (
130
122
  color: (
131
123
  'gray',
@@ -155,18 +147,13 @@ $bootstrap-select: extend(
155
147
 
156
148
  /// Generates an indigo select schema.
157
149
  /// @type {Map}
158
- /// @prop {Map} toggle-button-background-disabled [color: ('gray', 100] - The select toggle button background color when the select is disabled.
150
+ /// @prop {Color} toggle-button-background-disabled [transparent] - The select toggle button background color when the select is disabled.
159
151
  /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 300)] - The select toggle button foreground color when the select is disabled.
160
152
  /// @requires {Map} $light-select
161
153
  $indigo-select: extend(
162
154
  $light-select,
163
155
  (
164
- toggle-button-background-disabled: (
165
- color: (
166
- 'gray',
167
- 100,
168
- ),
169
- ),
156
+ toggle-button-background-disabled: transparent,
170
157
  toggle-button-foreground-disabled: (
171
158
  color: (
172
159
  'gray',