igniteui-theming 1.4.1 → 1.4.2
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 +2 -2
- package/sass/animations/_easings.scss +1 -0
- package/sass/animations/_mixins.scss +7 -4
- package/sass/animations/entrances/_bounce.scss +1 -0
- package/sass/animations/entrances/_fade.scss +1 -0
- package/sass/animations/entrances/_flicker.scss +1 -0
- package/sass/animations/entrances/_flip.scss +1 -0
- package/sass/animations/entrances/_puff.scss +1 -0
- package/sass/animations/entrances/_roll.scss +1 -0
- package/sass/animations/entrances/_rotate.scss +1 -0
- package/sass/animations/entrances/_scale.scss +1 -0
- package/sass/animations/entrances/_slide.scss +1 -0
- package/sass/animations/entrances/_slit.scss +1 -0
- package/sass/animations/entrances/_swing.scss +1 -0
- package/sass/animations/entrances/_swirl.scss +1 -0
- package/sass/animations/exits/_bounce.scss +1 -0
- package/sass/animations/exits/_fade.scss +1 -0
- package/sass/animations/exits/_flicker.scss +1 -0
- package/sass/animations/exits/_flip.scss +1 -0
- package/sass/animations/exits/_puff.scss +1 -0
- package/sass/animations/exits/_roll.scss +1 -0
- package/sass/animations/exits/_rotate.scss +1 -0
- package/sass/animations/exits/_scale.scss +1 -0
- package/sass/animations/exits/_slide.scss +1 -0
- package/sass/animations/exits/_slit.scss +1 -0
- package/sass/animations/exits/_swing.scss +1 -0
- package/sass/animations/exits/_swirl.scss +1 -0
- package/sass/animations/generic/_flip.scss +1 -0
- package/sass/animations/generic/_rotate.scss +1 -0
- package/sass/animations/generic/_scale.scss +1 -0
- package/sass/animations/generic/_shadows.scss +1 -0
- package/sass/animations/generic/_slide.scss +1 -0
- package/sass/animations/generic/_swing.scss +1 -0
- package/sass/bem/_index.scss +1 -0
- package/sass/color/_charts.scss +6 -4
- package/sass/color/_functions.scss +4 -0
- package/sass/color/_mixins.scss +4 -0
- package/sass/color/_types.scss +1 -0
- package/sass/color/presets/dark/_bootstrap.scss +6 -2
- package/sass/color/presets/dark/_extra.scss +6 -4
- package/sass/color/presets/dark/_fluent.scss +6 -6
- package/sass/color/presets/dark/_indigo.scss +6 -2
- package/sass/color/presets/dark/_material.scss +6 -2
- package/sass/color/presets/light/_bootstrap.scss +6 -2
- package/sass/color/presets/light/_extra.scss +6 -4
- package/sass/color/presets/light/_fluent.scss +6 -6
- package/sass/color/presets/light/_indigo.scss +6 -2
- package/sass/color/presets/light/_material.scss +6 -2
- package/sass/elevations/_functions.scss +1 -0
- package/sass/elevations/_mixins.scss +1 -0
- package/sass/elevations/presets/_material.scss +1 -0
- package/sass/themes/_functions.scss +4 -0
- package/sass/themes/_mixins.scss +4 -0
- package/sass/themes/charts/_category-chart-theme.scss +1 -0
- package/sass/themes/charts/_data-chart-theme.scss +1 -0
- package/sass/themes/charts/_doughnut-chart-theme.scss +1 -0
- package/sass/themes/charts/_financial-chart-theme.scss +1 -0
- package/sass/themes/charts/_funnel-chart-theme.scss +1 -0
- package/sass/themes/charts/_gauge-theme.scss +1 -0
- package/sass/themes/charts/_geo-map-theme.scss +1 -0
- package/sass/themes/charts/_graph-theme.scss +1 -0
- package/sass/themes/charts/_pie-chart-theme.scss +1 -0
- package/sass/themes/charts/_shape-chart-theme.scss +1 -0
- package/sass/themes/charts/_sparkline-theme.scss +1 -0
- package/sass/themes/schemas/charts/dark/_category-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_data-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_doughnut-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_financial-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_funnel-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_gauge.scss +1 -0
- package/sass/themes/schemas/charts/dark/_geo-map.scss +1 -0
- package/sass/themes/schemas/charts/dark/_graph.scss +1 -0
- package/sass/themes/schemas/charts/dark/_index.scss +1 -0
- package/sass/themes/schemas/charts/dark/_pie-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_shape-chart.scss +1 -0
- package/sass/themes/schemas/charts/dark/_sparkline.scss +1 -0
- package/sass/themes/schemas/charts/light/_category-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_data-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_doughnut-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_financial-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_funnel-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_gauge.scss +1 -0
- package/sass/themes/schemas/charts/light/_geo-map.scss +1 -0
- package/sass/themes/schemas/charts/light/_graph.scss +1 -0
- package/sass/themes/schemas/charts/light/_index.scss +1 -0
- package/sass/themes/schemas/charts/light/_pie-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_shape-chart.scss +1 -0
- package/sass/themes/schemas/charts/light/_sparkline.scss +1 -0
- package/sass/typography/_functions.scss +1 -0
- package/sass/typography/_mixins.scss +1 -0
- package/sass/typography/_types.scss +1 -0
- package/sass/typography/charts/_index.scss +5 -1
- package/sass/typography/presets/_bootstrap.scss +1 -0
- package/sass/typography/presets/_fluent.scss +1 -0
- package/sass/typography/presets/_indigo.scss +1 -0
- package/sass/typography/presets/_material.scss +1 -0
- package/sass/utils/_css.scss +4 -0
- package/sass/utils/_map.scss +4 -0
- package/sass/utils/_math.scss +4 -0
- package/sass/utils/_meta.scss +4 -0
- package/sass/utils/_string.scss +4 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-theming",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
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": {
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"globby": "^13.1.2",
|
|
67
67
|
"husky": "^8.0.2",
|
|
68
|
-
"igniteui-sassdoc-theme": "^1.1.
|
|
68
|
+
"igniteui-sassdoc-theme": "^1.1.6",
|
|
69
69
|
"jest": "^28.1.1",
|
|
70
70
|
"lunr": "^2.3.9",
|
|
71
71
|
"postcss": "^8.4.14",
|
|
@@ -3,11 +3,16 @@
|
|
|
3
3
|
@use 'sass:map';
|
|
4
4
|
@use 'sass:string';
|
|
5
5
|
|
|
6
|
+
////
|
|
7
|
+
/// @package theming
|
|
8
|
+
/// @group animations
|
|
9
|
+
/// @access public
|
|
10
|
+
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
|
|
11
|
+
////
|
|
12
|
+
|
|
6
13
|
$keyframes: () !default;
|
|
7
14
|
|
|
8
15
|
/// Registers a keyframes animation in the keyframes registry.
|
|
9
|
-
/// @access public
|
|
10
|
-
/// @group animations
|
|
11
16
|
/// @param {String} $name - The name of the keyframes animation.
|
|
12
17
|
@mixin keyframes($name) {
|
|
13
18
|
$keyframe: map.has-key($keyframes, $name);
|
|
@@ -25,8 +30,6 @@ $keyframes: () !default;
|
|
|
25
30
|
}
|
|
26
31
|
|
|
27
32
|
/// Animates an element.
|
|
28
|
-
/// @access public
|
|
29
|
-
/// @group animations
|
|
30
33
|
/// @param {List} $animate - The list of animation properties.
|
|
31
34
|
/// @example scss - Animating an element
|
|
32
35
|
/// @include fade-in(); // include the 'fade-in' keyframes animation mixin
|
package/sass/bem/_index.scss
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
/// @group bem
|
|
9
9
|
/// @author <a href="https://github.com/runningskull" target="_blank">Juan Patten</a>
|
|
10
10
|
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
|
|
11
|
+
/// @package theming
|
|
11
12
|
////
|
|
12
13
|
|
|
13
14
|
/// @type String - The Element separator used. Default '__'.
|
package/sass/color/_charts.scss
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
////
|
|
2
|
+
/// @package theming
|
|
2
3
|
/// @group palettes
|
|
3
|
-
/// @type List
|
|
4
4
|
/// @access public
|
|
5
|
+
////
|
|
6
|
+
|
|
7
|
+
/// A list of color values to be used as brushes in charts.
|
|
8
|
+
/// @type List
|
|
5
9
|
/// @prop {Color} brush-1 [rgb(157 231 114)]
|
|
6
10
|
/// @prop {Color} brush-2 [rgb(139 91 177)]
|
|
7
11
|
/// @prop {Color} brush-3 [rgb(109 177 255)]
|
|
@@ -26,9 +30,7 @@ $brushes-regular: (
|
|
|
26
30
|
);
|
|
27
31
|
|
|
28
32
|
/// A list of color values to be used as color-blind brushes in charts.
|
|
29
|
-
/// @group palettes
|
|
30
33
|
/// @type List
|
|
31
|
-
/// @access public
|
|
32
34
|
/// @prop {Color} brush-1 [rgb(86 180 233)]
|
|
33
35
|
/// @prop {Color} brush-2 [rgb(0 158 115)]
|
|
34
36
|
/// @prop {Color} brush-3 [rgb(240 228 68)]
|
package/sass/color/_mixins.scss
CHANGED
package/sass/color/_types.scss
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="dark-bootstrap"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the dark bootstrap palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name dark-bootstrap-palette
|
|
11
15
|
/// @prop {Color} primary [#0d6efd] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#6c757d] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="dark"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the dark green palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name dark-green-palette
|
|
11
15
|
/// @prop {Color} primary [#09f] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#72da67] - The secondary color
|
|
@@ -28,8 +32,6 @@ $green-palette: palette(
|
|
|
28
32
|
|
|
29
33
|
/// Generates the dark purple palette.
|
|
30
34
|
/// @type Map
|
|
31
|
-
/// @access public
|
|
32
|
-
/// @group palettes
|
|
33
35
|
/// @name dark-purple-palette
|
|
34
36
|
/// @prop {Color} primary [#00b4d6] - The primary color
|
|
35
37
|
/// @prop {Color} secondary [#514590] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="dark-fluent"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the dark fluent palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name dark-fluent-palette
|
|
11
15
|
/// @prop {Color} primary [#0078d4] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#2b88d8] - The secondary color
|
|
@@ -29,8 +33,6 @@ $palette: palette(
|
|
|
29
33
|
|
|
30
34
|
/// Generates the dark fluent word palette.
|
|
31
35
|
/// @type Map
|
|
32
|
-
/// @access public
|
|
33
|
-
/// @group palettes
|
|
34
36
|
/// @name dark-fluent-word-palette
|
|
35
37
|
/// @prop {Color} primary [#2b579a] - The primary color
|
|
36
38
|
/// @prop {Color} secondary [#2b579a] - The secondary color
|
|
@@ -53,8 +55,6 @@ $word-palette: palette(
|
|
|
53
55
|
|
|
54
56
|
/// Generates the dark fluent excel palette.
|
|
55
57
|
/// @type Map
|
|
56
|
-
/// @access public
|
|
57
|
-
/// @group palettes
|
|
58
58
|
/// @name dark-fluent-excel-palette
|
|
59
59
|
/// @prop {Color} primary [#217346] - The primary color
|
|
60
60
|
/// @prop {Color} secondary [#217346] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="dark-indigo"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the dark indigo palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name dark-indigo-palette
|
|
11
15
|
/// @prop {Color} primary [#3f51b5] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#3f51b5] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="dark-material"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the dark material palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name dark-material-palette
|
|
11
15
|
/// @prop {Color} primary [#09f] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#e41c77] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="light-bootstrap"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the light bootstrap palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name light-bootstrap-palette
|
|
11
15
|
/// @prop {Color} primary [#0d6efd] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#6c757d] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="light"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the light green palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name light-green-palette
|
|
11
15
|
/// @prop {Color} primary [#09f] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#72da67] - The secondary color
|
|
@@ -28,8 +32,6 @@ $green-palette: palette(
|
|
|
28
32
|
|
|
29
33
|
/// Generates the light purple palette.
|
|
30
34
|
/// @type Map
|
|
31
|
-
/// @access public
|
|
32
|
-
/// @group palettes
|
|
33
35
|
/// @name light-purple-palette
|
|
34
36
|
/// @prop {Color} primary [#00b4d6] - The primary color
|
|
35
37
|
/// @prop {Color} secondary [#514590] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="light-fluent"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the light fluent palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name light-fluent-palette
|
|
11
15
|
/// @prop {Color} primary [#0078d4] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#2b88d8] - The secondary color
|
|
@@ -29,8 +33,6 @@ $palette: palette(
|
|
|
29
33
|
|
|
30
34
|
/// Generates the light fluent word palette.
|
|
31
35
|
/// @type Map
|
|
32
|
-
/// @access public
|
|
33
|
-
/// @group palettes
|
|
34
36
|
/// @name light-fluent-word-palette
|
|
35
37
|
/// @prop {Color} primary [#2b579a] - The primary color
|
|
36
38
|
/// @prop {Color} secondary [#2b579a] - The secondary color
|
|
@@ -53,8 +55,6 @@ $word-palette: palette(
|
|
|
53
55
|
|
|
54
56
|
/// Generates the dark green palette.
|
|
55
57
|
/// @type Map
|
|
56
|
-
/// @access public
|
|
57
|
-
/// @group palettes
|
|
58
58
|
/// @name light-fluent-excel-palette
|
|
59
59
|
/// @prop {Color} primary [#217346] - The primary color
|
|
60
60
|
/// @prop {Color} secondary [#217346] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="light-indigo"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the light indigo palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name light-indigo-palette
|
|
11
15
|
/// @prop {Color} primary [#3f51b5] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#3f51b5] - The secondary color
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
@use '../../functions' as *;
|
|
2
2
|
|
|
3
|
+
////
|
|
4
|
+
/// @package theming
|
|
5
|
+
/// @group palettes
|
|
6
|
+
/// @access public
|
|
7
|
+
////
|
|
8
|
+
|
|
3
9
|
/**
|
|
4
10
|
* @sass-export-section="light-material"
|
|
5
11
|
*/
|
|
6
12
|
/// Generates the light material palette.
|
|
7
13
|
/// @type Map
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group palettes
|
|
10
14
|
/// @name light-material-palette
|
|
11
15
|
/// @prop {Color} primary [#09f] - The primary color
|
|
12
16
|
/// @prop {Color} secondary [#e41c77] - The secondary color
|