@progress/kendo-theme-material 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 +250 -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/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +6 -6
- package/scss/index.scss +2 -0
- package/scss/prompt/_index.scss +37 -0
- package/scss/prompt/_layout.scss +6 -0
- package/scss/prompt/_theme.scss +6 -0
- package/scss/prompt/_variables.scss +66 -0
package/dist/all.css
CHANGED
|
@@ -52779,6 +52779,91 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
|
|
|
52779
52779
|
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
|
|
52780
52780
|
}
|
|
52781
52781
|
|
|
52782
|
+
.k-prompt {
|
|
52783
|
+
display: flex;
|
|
52784
|
+
flex-direction: column;
|
|
52785
|
+
position: relative;
|
|
52786
|
+
overflow: hidden;
|
|
52787
|
+
}
|
|
52788
|
+
|
|
52789
|
+
.k-prompt-content {
|
|
52790
|
+
padding-block: 16px;
|
|
52791
|
+
padding-inline: 16px;
|
|
52792
|
+
display: flex;
|
|
52793
|
+
flex-flow: column nowrap;
|
|
52794
|
+
flex: 1 1 auto;
|
|
52795
|
+
gap: 16px;
|
|
52796
|
+
overflow: auto;
|
|
52797
|
+
}
|
|
52798
|
+
|
|
52799
|
+
.k-prompt-view {
|
|
52800
|
+
display: flex;
|
|
52801
|
+
flex-direction: column;
|
|
52802
|
+
flex: 1 1 auto;
|
|
52803
|
+
gap: 16px;
|
|
52804
|
+
}
|
|
52805
|
+
|
|
52806
|
+
.k-prompt-expander {
|
|
52807
|
+
display: flex;
|
|
52808
|
+
flex-direction: column;
|
|
52809
|
+
flex: 1;
|
|
52810
|
+
align-items: start;
|
|
52811
|
+
gap: 8px;
|
|
52812
|
+
}
|
|
52813
|
+
|
|
52814
|
+
.k-prompt-expander-content {
|
|
52815
|
+
display: flex;
|
|
52816
|
+
flex-flow: column;
|
|
52817
|
+
flex: 0 0 auto;
|
|
52818
|
+
gap: 8px;
|
|
52819
|
+
align-self: stretch;
|
|
52820
|
+
}
|
|
52821
|
+
|
|
52822
|
+
.k-prompt-suggestion {
|
|
52823
|
+
border-width: 1px;
|
|
52824
|
+
border-style: solid;
|
|
52825
|
+
border-radius: 4px;
|
|
52826
|
+
padding-block: 8px;
|
|
52827
|
+
padding-inline: 8px;
|
|
52828
|
+
cursor: pointer;
|
|
52829
|
+
}
|
|
52830
|
+
|
|
52831
|
+
.k-prompt-setting {
|
|
52832
|
+
display: flex;
|
|
52833
|
+
flex-direction: column;
|
|
52834
|
+
}
|
|
52835
|
+
|
|
52836
|
+
.k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons,
|
|
52837
|
+
.k-prompt-actions.k-action-buttons,
|
|
52838
|
+
.k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons {
|
|
52839
|
+
margin: 0;
|
|
52840
|
+
}
|
|
52841
|
+
|
|
52842
|
+
.k-prompt {
|
|
52843
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
52844
|
+
color: rgba(0, 0, 0, 0.87);
|
|
52845
|
+
background-color: #ffffff;
|
|
52846
|
+
}
|
|
52847
|
+
|
|
52848
|
+
.k-prompt-header {
|
|
52849
|
+
border-color: rgba(0, 0, 0, 0.08);
|
|
52850
|
+
color: rgba(0, 0, 0, 0.87);
|
|
52851
|
+
background-color: #ffffff;
|
|
52852
|
+
}
|
|
52853
|
+
|
|
52854
|
+
.k-prompt-content {
|
|
52855
|
+
border-color: rgba(0, 0, 0, 0.08);
|
|
52856
|
+
color: rgba(0, 0, 0, 0.87);
|
|
52857
|
+
background-color: #ffffff;
|
|
52858
|
+
}
|
|
52859
|
+
|
|
52860
|
+
.k-prompt-suggestion {
|
|
52861
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
52862
|
+
color: rgba(0, 0, 0, 0.87);
|
|
52863
|
+
background-color: #ffffff;
|
|
52864
|
+
box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14));
|
|
52865
|
+
}
|
|
52866
|
+
|
|
52782
52867
|
.k-barcode {
|
|
52783
52868
|
display: inline-block;
|
|
52784
52869
|
}
|
package/dist/all.scss
CHANGED
|
@@ -4855,6 +4855,7 @@ $kendo-components: (
|
|
|
4855
4855
|
"pdf-viewer",
|
|
4856
4856
|
"scroller",
|
|
4857
4857
|
"scrollview",
|
|
4858
|
+
"prompt",
|
|
4858
4859
|
|
|
4859
4860
|
// Dataviz
|
|
4860
4861
|
"dataviz",
|
|
@@ -5193,6 +5194,7 @@ $_kendo-dependencies: (
|
|
|
5193
5194
|
),
|
|
5194
5195
|
popup: (),
|
|
5195
5196
|
progressbar: (),
|
|
5197
|
+
prompt: (),
|
|
5196
5198
|
radio: (),
|
|
5197
5199
|
rating: (
|
|
5198
5200
|
"icon"
|
|
@@ -60401,6 +60403,253 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
|
|
|
60401
60403
|
@include kendo-scrollview--styles();
|
|
60402
60404
|
}
|
|
60403
60405
|
|
|
60406
|
+
// #endregion
|
|
60407
|
+
// #region @import "./prompt/_index.scss"; -> scss/prompt/_index.scss
|
|
60408
|
+
// #region @import "../core/_index.scss"; -> scss/core/_index.scss
|
|
60409
|
+
// File already imported_once. Skipping output.
|
|
60410
|
+
// #endregion
|
|
60411
|
+
// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
|
|
60412
|
+
// File already imported_once. Skipping output.
|
|
60413
|
+
// #endregion
|
|
60414
|
+
|
|
60415
|
+
|
|
60416
|
+
// Module meta
|
|
60417
|
+
$_kendo-module-meta: (
|
|
60418
|
+
name: "prompt",
|
|
60419
|
+
dependencies: ()
|
|
60420
|
+
);
|
|
60421
|
+
|
|
60422
|
+
|
|
60423
|
+
// Dependencies
|
|
60424
|
+
// #region @import "../common/_index.scss"; -> scss/common/_index.scss
|
|
60425
|
+
// File already imported_once. Skipping output.
|
|
60426
|
+
// #endregion
|
|
60427
|
+
|
|
60428
|
+
|
|
60429
|
+
// Component
|
|
60430
|
+
// #region @import "./_variables.scss"; -> scss/prompt/_variables.scss
|
|
60431
|
+
// Prompt
|
|
60432
|
+
|
|
60433
|
+
/// The text color of the Prompt.
|
|
60434
|
+
/// @group prompt
|
|
60435
|
+
$kendo-prompt-text: $kendo-component-text !default;
|
|
60436
|
+
/// The background color of the Prompt.
|
|
60437
|
+
/// @group prompt
|
|
60438
|
+
$kendo-prompt-bg: $kendo-component-bg !default;
|
|
60439
|
+
/// The border color of the Prompt.
|
|
60440
|
+
/// @group prompt
|
|
60441
|
+
$kendo-prompt-border: $kendo-component-border !default;
|
|
60442
|
+
|
|
60443
|
+
/// The text color of the Prompt header.
|
|
60444
|
+
/// @group prompt
|
|
60445
|
+
$kendo-prompt-header-text: $kendo-component-header-text !default;
|
|
60446
|
+
/// The background color of the Prompt header.
|
|
60447
|
+
/// @group prompt
|
|
60448
|
+
$kendo-prompt-header-bg: $kendo-component-bg !default;
|
|
60449
|
+
/// The border color of the Prompt header.
|
|
60450
|
+
/// @group prompt
|
|
60451
|
+
$kendo-prompt-header-border: $kendo-component-header-border !default;
|
|
60452
|
+
|
|
60453
|
+
/// The vertical padding of the Prompt content.
|
|
60454
|
+
/// @group prompt
|
|
60455
|
+
$kendo-prompt-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
60456
|
+
/// The horizontal padding of the Prompt content.
|
|
60457
|
+
/// @group prompt
|
|
60458
|
+
$kendo-prompt-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
60459
|
+
/// The spacing between the items of the Prompt content.
|
|
60460
|
+
/// @group prompt
|
|
60461
|
+
$kendo-prompt-content-spacing: k-map-get( $kendo-spacing, 4 ) !default;
|
|
60462
|
+
/// The text color of the Prompt content.
|
|
60463
|
+
/// @group prompt
|
|
60464
|
+
$kendo-prompt-content-text: $kendo-component-header-text !default;
|
|
60465
|
+
/// The background color of the Prompt content.
|
|
60466
|
+
/// @group prompt
|
|
60467
|
+
$kendo-prompt-content-bg: $kendo-component-header-bg !default;
|
|
60468
|
+
/// The text border of the Prompt content.
|
|
60469
|
+
/// @group prompt
|
|
60470
|
+
$kendo-prompt-content-border: $kendo-component-header-border !default;
|
|
60471
|
+
|
|
60472
|
+
/// The spacing between the items of the Prompt content expander.
|
|
60473
|
+
/// @group prompt
|
|
60474
|
+
$kendo-prompt-expander-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
60475
|
+
|
|
60476
|
+
/// The vertical padding of the Prompt suggestion container.
|
|
60477
|
+
/// @group prompt
|
|
60478
|
+
$kendo-prompt-suggestion-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
60479
|
+
/// The horizontal padding of the Prompt suggestion container.
|
|
60480
|
+
/// @group prompt
|
|
60481
|
+
$kendo-prompt-suggestion-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
60482
|
+
/// The border radius of the Prompt suggestion container.
|
|
60483
|
+
/// @group prompt
|
|
60484
|
+
$kendo-prompt-suggestion-border-radius: $kendo-border-radius-md !default;
|
|
60485
|
+
/// The text color of the Prompt suggestion container.
|
|
60486
|
+
/// @group prompt
|
|
60487
|
+
$kendo-prompt-suggestion-text: $kendo-component-text !default;
|
|
60488
|
+
/// The background color of the Prompt suggestion container.
|
|
60489
|
+
/// @group prompt
|
|
60490
|
+
$kendo-prompt-suggestion-bg: $kendo-body-bg !default;
|
|
60491
|
+
/// The border color of the Prompt suggestion container.
|
|
60492
|
+
/// @group prompt
|
|
60493
|
+
$kendo-prompt-suggestion-border: $kendo-component-border !default;
|
|
60494
|
+
/// The elevation of the Prompt suggestion container.
|
|
60495
|
+
/// @group prompt
|
|
60496
|
+
$kendo-prompt-suggestion-shadow: k-elevation(1) !default;
|
|
60497
|
+
|
|
60498
|
+
// #endregion
|
|
60499
|
+
// #region @import "./_layout.scss"; -> scss/prompt/_layout.scss
|
|
60500
|
+
// #region @import "@progress/kendo-theme-default/scss/prompt/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/prompt/_layout.scss
|
|
60501
|
+
@mixin kendo-prompt--layout-base() {
|
|
60502
|
+
|
|
60503
|
+
// Prompt
|
|
60504
|
+
.k-prompt {
|
|
60505
|
+
display: flex;
|
|
60506
|
+
flex-direction: column;
|
|
60507
|
+
position: relative;
|
|
60508
|
+
overflow: hidden;
|
|
60509
|
+
}
|
|
60510
|
+
|
|
60511
|
+
// Content
|
|
60512
|
+
.k-prompt-content {
|
|
60513
|
+
padding-block: $kendo-prompt-content-padding-y;
|
|
60514
|
+
padding-inline: $kendo-prompt-content-padding-x;
|
|
60515
|
+
display: flex;
|
|
60516
|
+
flex-flow: column nowrap;
|
|
60517
|
+
flex: 1 1 auto;
|
|
60518
|
+
gap: $kendo-prompt-content-spacing;
|
|
60519
|
+
overflow: auto;
|
|
60520
|
+
}
|
|
60521
|
+
|
|
60522
|
+
.k-prompt-view {
|
|
60523
|
+
display: flex;
|
|
60524
|
+
flex-direction: column;
|
|
60525
|
+
flex: 1 1 auto;
|
|
60526
|
+
gap: $kendo-prompt-content-spacing;
|
|
60527
|
+
}
|
|
60528
|
+
|
|
60529
|
+
// Prompt Expander
|
|
60530
|
+
.k-prompt-expander {
|
|
60531
|
+
display: flex;
|
|
60532
|
+
flex-direction: column;
|
|
60533
|
+
flex: 1;
|
|
60534
|
+
align-items: start;
|
|
60535
|
+
gap: $kendo-prompt-expander-spacing;
|
|
60536
|
+
}
|
|
60537
|
+
|
|
60538
|
+
.k-prompt-expander-content {
|
|
60539
|
+
display: flex;
|
|
60540
|
+
flex-flow: column;
|
|
60541
|
+
flex: 0 0 auto;
|
|
60542
|
+
gap: $kendo-prompt-expander-spacing;
|
|
60543
|
+
align-self: stretch;
|
|
60544
|
+
}
|
|
60545
|
+
|
|
60546
|
+
.k-prompt-suggestion {
|
|
60547
|
+
border-width: 1px;
|
|
60548
|
+
border-style: solid;
|
|
60549
|
+
border-radius: $kendo-prompt-suggestion-border-radius;
|
|
60550
|
+
padding-block: $kendo-prompt-suggestion-padding-y;
|
|
60551
|
+
padding-inline: $kendo-prompt-suggestion-padding-x;
|
|
60552
|
+
cursor: pointer;
|
|
60553
|
+
}
|
|
60554
|
+
|
|
60555
|
+
.k-prompt-setting {
|
|
60556
|
+
display: flex;
|
|
60557
|
+
flex-direction: column;
|
|
60558
|
+
}
|
|
60559
|
+
|
|
60560
|
+
// Actions
|
|
60561
|
+
.k-prompt-actions.k-actions {
|
|
60562
|
+
margin: 0;
|
|
60563
|
+
}
|
|
60564
|
+
|
|
60565
|
+
}
|
|
60566
|
+
|
|
60567
|
+
|
|
60568
|
+
@mixin kendo-prompt--layout() {
|
|
60569
|
+
@include kendo-prompt--layout-base();
|
|
60570
|
+
}
|
|
60571
|
+
|
|
60572
|
+
// #endregion
|
|
60573
|
+
|
|
60574
|
+
|
|
60575
|
+
@mixin kendo-prompt--layout() {
|
|
60576
|
+
@include kendo-prompt--layout-base();
|
|
60577
|
+
}
|
|
60578
|
+
|
|
60579
|
+
// #endregion
|
|
60580
|
+
// #region @import "./_theme.scss"; -> scss/prompt/_theme.scss
|
|
60581
|
+
// #region @import "@progress/kendo-theme-default/scss/prompt/_theme.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/prompt/_theme.scss
|
|
60582
|
+
@mixin kendo-prompt--theme-base() {
|
|
60583
|
+
|
|
60584
|
+
.k-prompt {
|
|
60585
|
+
@include fill(
|
|
60586
|
+
$kendo-prompt-text,
|
|
60587
|
+
$kendo-prompt-bg,
|
|
60588
|
+
$kendo-prompt-border
|
|
60589
|
+
);
|
|
60590
|
+
}
|
|
60591
|
+
|
|
60592
|
+
.k-prompt-header {
|
|
60593
|
+
@include fill(
|
|
60594
|
+
$kendo-prompt-header-text,
|
|
60595
|
+
$kendo-prompt-header-bg,
|
|
60596
|
+
$kendo-prompt-header-border
|
|
60597
|
+
);
|
|
60598
|
+
}
|
|
60599
|
+
|
|
60600
|
+
.k-prompt-content {
|
|
60601
|
+
@include fill(
|
|
60602
|
+
$kendo-prompt-content-text,
|
|
60603
|
+
$kendo-prompt-content-bg,
|
|
60604
|
+
$kendo-prompt-content-border
|
|
60605
|
+
);
|
|
60606
|
+
}
|
|
60607
|
+
|
|
60608
|
+
.k-prompt-suggestion {
|
|
60609
|
+
@include fill(
|
|
60610
|
+
$kendo-prompt-suggestion-text,
|
|
60611
|
+
$kendo-prompt-suggestion-bg,
|
|
60612
|
+
$kendo-prompt-suggestion-border
|
|
60613
|
+
);
|
|
60614
|
+
@include box-shadow( $kendo-prompt-suggestion-shadow );
|
|
60615
|
+
}
|
|
60616
|
+
|
|
60617
|
+
}
|
|
60618
|
+
|
|
60619
|
+
|
|
60620
|
+
@mixin kendo-prompt--theme() {
|
|
60621
|
+
@include kendo-prompt--theme-base();
|
|
60622
|
+
}
|
|
60623
|
+
|
|
60624
|
+
// #endregion
|
|
60625
|
+
|
|
60626
|
+
|
|
60627
|
+
@mixin kendo-prompt--theme() {
|
|
60628
|
+
@include kendo-prompt--theme-base();
|
|
60629
|
+
}
|
|
60630
|
+
|
|
60631
|
+
// #endregion
|
|
60632
|
+
|
|
60633
|
+
|
|
60634
|
+
// Register
|
|
60635
|
+
// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
|
|
60636
|
+
// File already imported_once. Skipping output.
|
|
60637
|
+
// #endregion
|
|
60638
|
+
@include module-register( $_kendo-module-meta... );
|
|
60639
|
+
|
|
60640
|
+
|
|
60641
|
+
// Expose
|
|
60642
|
+
@mixin kendo-prompt--styles() {
|
|
60643
|
+
@include module-render( "prompt" ) {
|
|
60644
|
+
@include kendo-prompt--layout();
|
|
60645
|
+
@include kendo-prompt--theme();
|
|
60646
|
+
}
|
|
60647
|
+
}
|
|
60648
|
+
|
|
60649
|
+
@if $kendo-auto-bootstrap {
|
|
60650
|
+
@include kendo-prompt--styles();
|
|
60651
|
+
}
|
|
60652
|
+
|
|
60404
60653
|
// #endregion
|
|
60405
60654
|
|
|
60406
60655
|
|
|
@@ -62265,6 +62514,7 @@ $kendo-signature-maximized-line-width: 3px !default;
|
|
|
62265
62514
|
@include kendo-pdf-viewer--styles();
|
|
62266
62515
|
@include kendo-scroller--styles();
|
|
62267
62516
|
@include kendo-scrollview--styles();
|
|
62517
|
+
@include kendo-prompt--styles();
|
|
62268
62518
|
|
|
62269
62519
|
|
|
62270
62520
|
// Dataviz
|