igniteui-theming 1.4.7 → 1.4.8

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