igniteui-angular 17.1.6 → 17.1.7
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/esm2022/lib/grids/grid/grid.component.mjs +3 -3
- package/esm2022/lib/grids/grid-base.directive.mjs +1 -1
- package/esm2022/lib/grids/hierarchical-grid/hierarchical-grid.component.mjs +3 -3
- package/esm2022/lib/grids/pivot-grid/pivot-grid.component.mjs +3 -3
- package/esm2022/lib/grids/tree-grid/tree-grid.component.mjs +3 -3
- package/fesm2022/igniteui-angular.mjs +8 -8
- package/fesm2022/igniteui-angular.mjs.map +1 -1
- package/lib/core/styles/components/badge/_badge-theme.scss +14 -7
- package/lib/core/styles/components/input/_input-group-theme.scss +4 -2
- package/lib/core/styles/typography/_bootstrap.scss +2 -0
- package/lib/core/styles/typography/_fluent.scss +2 -0
- package/lib/core/styles/typography/_indigo.scss +4 -0
- package/lib/core/styles/typography/_material.scss +2 -0
- package/lib/grids/grid-base.directive.d.ts +1 -1
- package/package.json +1 -1
- package/styles/igniteui-angular-dark.css +1 -1
- package/styles/igniteui-angular.css +1 -1
- package/styles/igniteui-bootstrap-dark.css +1 -1
- package/styles/igniteui-bootstrap-light.css +1 -1
- package/styles/igniteui-dark-green.css +1 -1
- package/styles/igniteui-fluent-dark-excel.css +1 -1
- package/styles/igniteui-fluent-dark-word.css +1 -1
- package/styles/igniteui-fluent-dark.css +1 -1
- package/styles/igniteui-fluent-light-excel.css +1 -1
- package/styles/igniteui-fluent-light-word.css +1 -1
- package/styles/igniteui-fluent-light.css +1 -1
- package/styles/igniteui-indigo-dark.css +1 -1
- package/styles/igniteui-indigo-light.css +1 -1
- package/styles/maps/igniteui-angular-dark.css.map +1 -1
- package/styles/maps/igniteui-angular.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
- package/styles/maps/igniteui-dark-green.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-light.css.map +1 -1
- package/styles/maps/igniteui-indigo-dark.css.map +1 -1
- package/styles/maps/igniteui-indigo-light.css.map +1 -1
|
@@ -103,10 +103,7 @@
|
|
|
103
103
|
align-items: center;
|
|
104
104
|
min-width: var(--_badge-size);
|
|
105
105
|
min-height: var(--_badge-size);
|
|
106
|
-
font-size: calc(var(--_badge-size) / 2);
|
|
107
|
-
font-weight: $badge-font-weight;
|
|
108
106
|
color: var-get($theme, 'text-color');
|
|
109
|
-
line-height: 1;
|
|
110
107
|
background: var-get($theme, 'background-color');
|
|
111
108
|
border-radius: calc(var(--size) / 2);
|
|
112
109
|
box-shadow: var-get($theme, 'shadow');
|
|
@@ -126,10 +123,6 @@
|
|
|
126
123
|
}
|
|
127
124
|
|
|
128
125
|
@if $variant == 'indigo-design' {
|
|
129
|
-
font-size: rem(11px);
|
|
130
|
-
line-height: rem(15px);
|
|
131
|
-
font-weight: 700;
|
|
132
|
-
|
|
133
126
|
igx-icon {
|
|
134
127
|
$icon-size: rem(12px);
|
|
135
128
|
|
|
@@ -168,3 +161,17 @@
|
|
|
168
161
|
visibility: hidden;
|
|
169
162
|
}
|
|
170
163
|
}
|
|
164
|
+
|
|
165
|
+
/// Adds typography styles for the igx-badge component.
|
|
166
|
+
/// Uses the 'caption' category from the typographic scale.
|
|
167
|
+
/// @group typography
|
|
168
|
+
/// @param {Map} $categories [(text: 'caption')] - The categories from the typographic scale used for type styles.
|
|
169
|
+
@mixin badge-typography($categories: (text: 'caption')) {
|
|
170
|
+
$text: map.get($categories, 'text');
|
|
171
|
+
|
|
172
|
+
%igx-badge-display {
|
|
173
|
+
@include type-style($text) {
|
|
174
|
+
margin: 0;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}
|
|
@@ -1454,8 +1454,10 @@
|
|
|
1454
1454
|
padding-inline: pad-inline(rem(2px), rem(4px), rem(6px));
|
|
1455
1455
|
}
|
|
1456
1456
|
|
|
1457
|
-
|
|
1458
|
-
|
|
1457
|
+
@if $variant == 'indigo-design' {
|
|
1458
|
+
%form-group-input--search {
|
|
1459
|
+
padding-inline: pad-inline(rem(6px), rem(8px), rem(10px));
|
|
1460
|
+
}
|
|
1459
1461
|
}
|
|
1460
1462
|
|
|
1461
1463
|
%indigo--box-focused {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
+
@use '../components/badge/badge-theme' as *;
|
|
2
3
|
@use '../components/banner/banner-theme' as *;
|
|
3
4
|
@use '../components/bottom-nav/bottom-nav-theme' as *;
|
|
4
5
|
@use '../components/button/button-theme' as *;
|
|
@@ -33,6 +34,7 @@
|
|
|
33
34
|
@mixin typography($type-scale) {
|
|
34
35
|
$calendar-labels: map.get($type-scale, 'calendar-labels');
|
|
35
36
|
|
|
37
|
+
@include badge-typography();
|
|
36
38
|
@include banner-typography();
|
|
37
39
|
@include bottom-nav-typography();
|
|
38
40
|
@include button-typography();
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use '../components/badge/badge-theme' as *;
|
|
1
2
|
@use '../components/banner/banner-theme' as *;
|
|
2
3
|
@use '../components/bottom-nav/bottom-nav-theme' as *;
|
|
3
4
|
@use '../components/button/button-theme' as *;
|
|
@@ -30,6 +31,7 @@
|
|
|
30
31
|
@use '../components/tree/tree-theme' as *;
|
|
31
32
|
|
|
32
33
|
@mixin typography() {
|
|
34
|
+
@include badge-typography();
|
|
33
35
|
@include banner-typography($categories: (
|
|
34
36
|
message: 'caption'
|
|
35
37
|
));
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use '../components/badge/badge-theme' as *;
|
|
1
2
|
@use '../components/banner/banner-theme' as *;
|
|
2
3
|
@use '../components/bottom-nav/bottom-nav-theme' as *;
|
|
3
4
|
@use '../components/button/button-theme' as *;
|
|
@@ -30,6 +31,9 @@
|
|
|
30
31
|
@use '../components/tree/tree-theme' as *;
|
|
31
32
|
|
|
32
33
|
@mixin typography() {
|
|
34
|
+
@include badge-typography($categories: (
|
|
35
|
+
text: 'button',
|
|
36
|
+
));
|
|
33
37
|
@include banner-typography();
|
|
34
38
|
@include bottom-nav-typography();
|
|
35
39
|
@include button-typography();
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use '../components/badge/badge-theme' as *;
|
|
1
2
|
@use '../components/banner/banner-theme' as *;
|
|
2
3
|
@use '../components/bottom-nav/bottom-nav-theme' as *;
|
|
3
4
|
@use '../components/button/button-theme' as *;
|
|
@@ -30,6 +31,7 @@
|
|
|
30
31
|
@use '../components/tree/tree-theme' as *;
|
|
31
32
|
|
|
32
33
|
@mixin typography() {
|
|
34
|
+
@include badge-typography();
|
|
33
35
|
@include banner-typography();
|
|
34
36
|
@include bottom-nav-typography();
|
|
35
37
|
@include button-typography();
|
|
@@ -2022,7 +2022,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
|
|
|
2022
2022
|
/**
|
|
2023
2023
|
* @hidden @internal
|
|
2024
2024
|
*/
|
|
2025
|
-
get template(): TemplateRef<
|
|
2025
|
+
get template(): TemplateRef<IgxGridTemplateContext>;
|
|
2026
2026
|
/**
|
|
2027
2027
|
* @hidden @internal
|
|
2028
2028
|
*/
|
package/package.json
CHANGED