@progress/kendo-theme-default 7.1.0-dev.2 → 7.1.0-dev.4
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/dist/all.css +85 -0
- package/dist/all.scss +234 -0
- package/dist/meta/sassdoc-data.json +1086 -0
- package/dist/meta/sassdoc-raw-data.json +500 -0
- package/dist/meta/variables.json +81 -1
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +5 -5
- package/scss/index.scss +2 -0
- package/scss/prompt/_index.scss +37 -0
- package/scss/prompt/_layout.scss +70 -0
- package/scss/prompt/_theme.scss +41 -0
- package/scss/prompt/_variables.scss +66 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "7.1.0-dev.
|
|
4
|
+
"version": "7.1.0-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -51,13 +51,13 @@
|
|
|
51
51
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@progress/kendo-svg-icons": "2.
|
|
55
|
-
"@progress/kendo-theme-core": "7.1.0-dev.
|
|
56
|
-
"@progress/kendo-theme-utils": "7.1.0-dev.
|
|
54
|
+
"@progress/kendo-svg-icons": "2.1.0",
|
|
55
|
+
"@progress/kendo-theme-core": "7.1.0-dev.4",
|
|
56
|
+
"@progress/kendo-theme-utils": "7.1.0-dev.4"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "97b4586318367dcab02765dd178849be2121425e"
|
|
63
63
|
}
|
package/scss/index.scss
CHANGED
|
@@ -152,6 +152,7 @@
|
|
|
152
152
|
@import "./pdf-viewer/_index.scss";
|
|
153
153
|
@import "./scroller/_index.scss";
|
|
154
154
|
@import "./scrollview/_index.scss";
|
|
155
|
+
@import "./prompt/_index.scss";
|
|
155
156
|
|
|
156
157
|
|
|
157
158
|
// Dataviz
|
|
@@ -323,6 +324,7 @@
|
|
|
323
324
|
@include kendo-pdf-viewer--styles();
|
|
324
325
|
@include kendo-scroller--styles();
|
|
325
326
|
@include kendo-scrollview--styles();
|
|
327
|
+
@include kendo-prompt--styles();
|
|
326
328
|
|
|
327
329
|
|
|
328
330
|
// Dataviz
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@import "../core/_index.scss";
|
|
2
|
+
@import "../utils/_index.scss";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
// Module meta
|
|
6
|
+
$_kendo-module-meta: (
|
|
7
|
+
name: "prompt",
|
|
8
|
+
dependencies: ()
|
|
9
|
+
);
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
// Dependencies
|
|
13
|
+
@import "../common/_index.scss";
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
// Component
|
|
17
|
+
@import "./_variables.scss";
|
|
18
|
+
@import "./_layout.scss";
|
|
19
|
+
@import "./_theme.scss";
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
// Register
|
|
23
|
+
@import "../core/module-system/index.import.scss";
|
|
24
|
+
@include module-register( $_kendo-module-meta... );
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
// Expose
|
|
28
|
+
@mixin kendo-prompt--styles() {
|
|
29
|
+
@include module-render( "prompt" ) {
|
|
30
|
+
@include kendo-prompt--layout();
|
|
31
|
+
@include kendo-prompt--theme();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@if $kendo-auto-bootstrap {
|
|
36
|
+
@include kendo-prompt--styles();
|
|
37
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
@mixin kendo-prompt--layout-base() {
|
|
2
|
+
|
|
3
|
+
// Prompt
|
|
4
|
+
.k-prompt {
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
position: relative;
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
// Content
|
|
12
|
+
.k-prompt-content {
|
|
13
|
+
padding-block: $kendo-prompt-content-padding-y;
|
|
14
|
+
padding-inline: $kendo-prompt-content-padding-x;
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-flow: column nowrap;
|
|
17
|
+
flex: 1 1 auto;
|
|
18
|
+
gap: $kendo-prompt-content-spacing;
|
|
19
|
+
overflow: auto;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.k-prompt-view {
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
flex: 1 1 auto;
|
|
26
|
+
gap: $kendo-prompt-content-spacing;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Prompt Expander
|
|
30
|
+
.k-prompt-expander {
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
flex: 1;
|
|
34
|
+
align-items: start;
|
|
35
|
+
gap: $kendo-prompt-expander-spacing;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.k-prompt-expander-content {
|
|
39
|
+
display: flex;
|
|
40
|
+
flex-flow: column;
|
|
41
|
+
flex: 0 0 auto;
|
|
42
|
+
gap: $kendo-prompt-expander-spacing;
|
|
43
|
+
align-self: stretch;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.k-prompt-suggestion {
|
|
47
|
+
border-width: 1px;
|
|
48
|
+
border-style: solid;
|
|
49
|
+
border-radius: $kendo-prompt-suggestion-border-radius;
|
|
50
|
+
padding-block: $kendo-prompt-suggestion-padding-y;
|
|
51
|
+
padding-inline: $kendo-prompt-suggestion-padding-x;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.k-prompt-setting {
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: column;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// Actions
|
|
61
|
+
.k-prompt-actions.k-actions {
|
|
62
|
+
margin: 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
@mixin kendo-prompt--layout() {
|
|
69
|
+
@include kendo-prompt--layout-base();
|
|
70
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
@mixin kendo-prompt--theme-base() {
|
|
2
|
+
|
|
3
|
+
.k-prompt {
|
|
4
|
+
@include fill(
|
|
5
|
+
$kendo-prompt-text,
|
|
6
|
+
$kendo-prompt-bg,
|
|
7
|
+
$kendo-prompt-border
|
|
8
|
+
);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.k-prompt-header {
|
|
12
|
+
@include fill(
|
|
13
|
+
$kendo-prompt-header-text,
|
|
14
|
+
$kendo-prompt-header-bg,
|
|
15
|
+
$kendo-prompt-header-border
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.k-prompt-content {
|
|
20
|
+
@include fill(
|
|
21
|
+
$kendo-prompt-content-text,
|
|
22
|
+
$kendo-prompt-content-bg,
|
|
23
|
+
$kendo-prompt-content-border
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.k-prompt-suggestion {
|
|
28
|
+
@include fill(
|
|
29
|
+
$kendo-prompt-suggestion-text,
|
|
30
|
+
$kendo-prompt-suggestion-bg,
|
|
31
|
+
$kendo-prompt-suggestion-border
|
|
32
|
+
);
|
|
33
|
+
@include box-shadow( $kendo-prompt-suggestion-shadow );
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
@mixin kendo-prompt--theme() {
|
|
40
|
+
@include kendo-prompt--theme-base();
|
|
41
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
// Prompt
|
|
2
|
+
|
|
3
|
+
/// The text color of the Prompt.
|
|
4
|
+
/// @group prompt
|
|
5
|
+
$kendo-prompt-text: $kendo-component-text !default;
|
|
6
|
+
/// The background color of the Prompt.
|
|
7
|
+
/// @group prompt
|
|
8
|
+
$kendo-prompt-bg: $kendo-component-bg !default;
|
|
9
|
+
/// The border color of the Prompt.
|
|
10
|
+
/// @group prompt
|
|
11
|
+
$kendo-prompt-border: $kendo-component-border !default;
|
|
12
|
+
|
|
13
|
+
/// The text color of the Prompt header.
|
|
14
|
+
/// @group prompt
|
|
15
|
+
$kendo-prompt-header-text: $kendo-component-header-text !default;
|
|
16
|
+
/// The background color of the Prompt header.
|
|
17
|
+
/// @group prompt
|
|
18
|
+
$kendo-prompt-header-bg: $kendo-component-bg !default;
|
|
19
|
+
/// The border color of the Prompt header.
|
|
20
|
+
/// @group prompt
|
|
21
|
+
$kendo-prompt-header-border: $kendo-component-header-border !default;
|
|
22
|
+
|
|
23
|
+
/// The vertical padding of the Prompt content.
|
|
24
|
+
/// @group prompt
|
|
25
|
+
$kendo-prompt-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
26
|
+
/// The horizontal padding of the Prompt content.
|
|
27
|
+
/// @group prompt
|
|
28
|
+
$kendo-prompt-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
29
|
+
/// The spacing between the items of the Prompt content.
|
|
30
|
+
/// @group prompt
|
|
31
|
+
$kendo-prompt-content-spacing: k-map-get( $kendo-spacing, 4 ) !default;
|
|
32
|
+
/// The text color of the Prompt content.
|
|
33
|
+
/// @group prompt
|
|
34
|
+
$kendo-prompt-content-text: $kendo-component-header-text !default;
|
|
35
|
+
/// The background color of the Prompt content.
|
|
36
|
+
/// @group prompt
|
|
37
|
+
$kendo-prompt-content-bg: $kendo-component-header-bg !default;
|
|
38
|
+
/// The text border of the Prompt content.
|
|
39
|
+
/// @group prompt
|
|
40
|
+
$kendo-prompt-content-border: $kendo-component-header-border !default;
|
|
41
|
+
|
|
42
|
+
/// The spacing between the items of the Prompt content expander.
|
|
43
|
+
/// @group prompt
|
|
44
|
+
$kendo-prompt-expander-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
45
|
+
|
|
46
|
+
/// The vertical padding of the Prompt suggestion container.
|
|
47
|
+
/// @group prompt
|
|
48
|
+
$kendo-prompt-suggestion-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
49
|
+
/// The horizontal padding of the Prompt suggestion container.
|
|
50
|
+
/// @group prompt
|
|
51
|
+
$kendo-prompt-suggestion-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
52
|
+
/// The border radius of the Prompt suggestion container.
|
|
53
|
+
/// @group prompt
|
|
54
|
+
$kendo-prompt-suggestion-border-radius: $kendo-border-radius-md !default;
|
|
55
|
+
/// The text color of the Prompt suggestion container.
|
|
56
|
+
/// @group prompt
|
|
57
|
+
$kendo-prompt-suggestion-text: $kendo-component-text !default;
|
|
58
|
+
/// The background color of the Prompt suggestion container.
|
|
59
|
+
/// @group prompt
|
|
60
|
+
$kendo-prompt-suggestion-bg: $kendo-body-bg !default;
|
|
61
|
+
/// The border color of the Prompt suggestion container.
|
|
62
|
+
/// @group prompt
|
|
63
|
+
$kendo-prompt-suggestion-border: $kendo-component-border !default;
|
|
64
|
+
/// The elevation of the Prompt suggestion container.
|
|
65
|
+
/// @group prompt
|
|
66
|
+
$kendo-prompt-suggestion-shadow: k-elevation(1) !default;
|