@progress/kendo-theme-material 12.2.1-dev.0 → 12.2.1

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 (110) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/material-2-dark.css +1 -1
  3. package/dist/material-2.css +1 -1
  4. package/dist/material-aqua-dark.css +1 -1
  5. package/dist/material-arctic.css +1 -1
  6. package/dist/material-burnt-teal.css +1 -1
  7. package/dist/material-dataviz-v4.css +1 -1
  8. package/dist/material-eggplant.css +1 -1
  9. package/dist/material-lime-dark.css +1 -1
  10. package/dist/material-lime.css +1 -1
  11. package/dist/material-main-dark.css +1 -1
  12. package/dist/material-main.css +1 -1
  13. package/dist/material-nova.css +1 -1
  14. package/dist/material-pacific-dark.css +1 -1
  15. package/dist/material-pacific.css +1 -1
  16. package/dist/material-sky-dark.css +1 -1
  17. package/dist/material-sky.css +1 -1
  18. package/dist/material-smoke.css +1 -1
  19. package/dist/meta/sassdoc-data.json +4860 -4860
  20. package/dist/meta/sassdoc-raw-data.json +2432 -2457
  21. package/lib/swatches/material-2-dark.json +1 -1
  22. package/lib/swatches/material-2.json +1 -1
  23. package/lib/swatches/material-aqua-dark.json +1 -1
  24. package/lib/swatches/material-arctic.json +1 -1
  25. package/lib/swatches/material-burnt-teal.json +1 -1
  26. package/lib/swatches/material-dataviz-v4.json +1 -1
  27. package/lib/swatches/material-eggplant.json +1 -1
  28. package/lib/swatches/material-lime-dark.json +1 -1
  29. package/lib/swatches/material-lime.json +1 -1
  30. package/lib/swatches/material-main-dark.json +1 -1
  31. package/lib/swatches/material-main.json +1 -1
  32. package/lib/swatches/material-nova.json +1 -1
  33. package/lib/swatches/material-pacific-dark.json +1 -1
  34. package/lib/swatches/material-pacific.json +1 -1
  35. package/lib/swatches/material-sky-dark.json +1 -1
  36. package/lib/swatches/material-sky.json +1 -1
  37. package/lib/swatches/material-smoke.json +1 -1
  38. package/package.json +4 -4
  39. package/scss/adaptive/_variables.scss +1 -1
  40. package/scss/appbar/_variables.scss +1 -2
  41. package/scss/bubble/_layout.scss +0 -1
  42. package/scss/bubble/_theme.scss +0 -1
  43. package/scss/bubble/_variables.scss +0 -1
  44. package/scss/button/_theme.scss +0 -1
  45. package/scss/button/_variables.scss +0 -1
  46. package/scss/calendar/_theme.scss +0 -1
  47. package/scss/calendar/_variables.scss +0 -1
  48. package/scss/chart-wizard/_variables.scss +1 -1
  49. package/scss/chat/_variables.scss +1 -1
  50. package/scss/checkbox/_layout.scss +1 -1
  51. package/scss/checkbox/_variables.scss +1 -1
  52. package/scss/chip/_theme.scss +0 -1
  53. package/scss/chip/_variables.scss +0 -1
  54. package/scss/color-preview/_variables.scss +1 -1
  55. package/scss/core/_index.scss +4 -4
  56. package/scss/core/border-radii/{index.import.scss → index.scss} +1 -1
  57. package/scss/core/functions/index.scss +1 -0
  58. package/scss/core/mixins/index.scss +1 -0
  59. package/scss/core/motion/index.scss +1 -0
  60. package/scss/core/styles/index.scss +1 -0
  61. package/scss/core/z-index/index.scss +1 -0
  62. package/scss/dataviz/_variables.scss +0 -1
  63. package/scss/dock-manager/_variables.scss +1 -1
  64. package/scss/draggable/_variables.scss +1 -1
  65. package/scss/dropzone/_variables.scss +1 -1
  66. package/scss/editor/_variables.scss +0 -1
  67. package/scss/fab/_theme.scss +0 -1
  68. package/scss/filemanager/_variables.scss +1 -1
  69. package/scss/gantt/_variables.scss +1 -1
  70. package/scss/grid/_variables.scss +1 -1
  71. package/scss/input/_layout.scss +1 -1
  72. package/scss/input/_variables.scss +0 -1
  73. package/scss/list/_theme.scss +0 -1
  74. package/scss/list/_variables.scss +1 -1
  75. package/scss/listview/_variables.scss +1 -1
  76. package/scss/menu/_layout.scss +1 -1
  77. package/scss/menu/_variables.scss +1 -1
  78. package/scss/notification/_functions.scss +1 -1
  79. package/scss/pager/_variables.scss +1 -1
  80. package/scss/panelbar/_variables.scss +1 -1
  81. package/scss/pdf-viewer/_variables.scss +1 -1
  82. package/scss/pivotgrid/_variables.scss +1 -1
  83. package/scss/progressbar/_variables.scss +1 -1
  84. package/scss/radio/_layout.scss +1 -1
  85. package/scss/radio/_variables.scss +1 -1
  86. package/scss/scheduler/_variables.scss +1 -1
  87. package/scss/slider/_layout.scss +1 -1
  88. package/scss/slider/_variables.scss +1 -1
  89. package/scss/splitter/_variables.scss +1 -1
  90. package/scss/spreadsheet/_variables.scss +0 -1
  91. package/scss/stepper/_variables.scss +1 -1
  92. package/scss/suggestion/_variables.scss +1 -1
  93. package/scss/switch/_layout.scss +1 -1
  94. package/scss/table/_variables.scss +1 -1
  95. package/scss/tabstrip/_layout.scss +71 -23
  96. package/scss/taskboard/_variables.scss +1 -1
  97. package/scss/timeline/_variables.scss +1 -1
  98. package/scss/toolbar/_theme.scss +0 -1
  99. package/scss/tooltip/_functions.scss +1 -1
  100. package/scss/tooltip/_variables.scss +1 -1
  101. package/scss/upload/_theme.scss +0 -1
  102. package/scss/utils/_index.scss +1 -1
  103. package/scss/core/functions/index.import.scss +0 -1
  104. package/scss/core/mixins/index.import.scss +0 -1
  105. package/scss/core/motion/index.import.scss +0 -1
  106. package/scss/core/styles/index.import.scss +0 -1
  107. package/scss/core/z-index/index.import.scss +0 -1
  108. /package/scss/core/elevation/{index.import.scss → index.scss} +0 -0
  109. /package/scss/core/spacing/{index.import.scss → index.scss} +0 -0
  110. /package/scss/core/typography/{index.import.scss → index.scss} +0 -0
@@ -1,5 +1,5 @@
1
1
  @use "../core/_index.scss" as *;
2
- @use "../core/functions/index.import.scss" as *;
2
+
3
3
 
4
4
  // Splitter
5
5
 
@@ -1,5 +1,4 @@
1
1
  @use "../core/_index.scss" as *;
2
- @use "../core/functions/index.import.scss" as *;
3
2
  @use "../icons/_variables.scss" as *;
4
3
  @use "../input/_variables.scss" as *;
5
4
 
@@ -2,7 +2,7 @@
2
2
  @use "sass:math";
3
3
  @use "sass:map";
4
4
  @use "../core/_index.scss" as *;
5
- @use "../core/functions/index.import.scss" as *;
5
+
6
6
 
7
7
  // Stepper
8
8
 
@@ -1,5 +1,5 @@
1
1
  @use "../core/_index.scss" as *;
2
- @use "../core/functions/index.import.scss" as *;
2
+
3
3
 
4
4
  /// The vertical padding of the Suggestion wrapper.
5
5
  /// @group suggestion
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "./variables.scss" as *;
3
- @use "../core/z-index/index.import.scss" as *;
3
+ @use "../core/z-index/index.scss" as *;
4
4
  @use "@progress/kendo-theme-core/scss/components/switch/_layout.scss" as *;
5
5
 
6
6
  @mixin kendo-switch--layout() {
@@ -1,6 +1,6 @@
1
1
  @use "../core/_index.scss" as *;
2
2
  @use"../list/_variables.scss" as *;
3
- @use "../core/functions/index.import.scss" as *;
3
+
4
4
 
5
5
 
6
6
  // Table
@@ -1,5 +1,5 @@
1
1
  @use "./_variables.scss" as *;
2
- @use "../core/z-index/index.import.scss" as *;
2
+ @use "../core/z-index/index.scss" as *;
3
3
  @use "@progress/kendo-theme-core/scss/components/tabstrip/_layout.scss" as *;
4
4
 
5
5
 
@@ -7,35 +7,50 @@
7
7
 
8
8
  @include kendo-tabstrip--layout-base();
9
9
 
10
- .k-tabstrip-items .k-item {
11
- font-weight: var( --kendo-font-weight-medium, medium );
10
+ .k-tabstrip-items {
11
+ .k-tabstrip-item,
12
+ .k-item {
13
+ font-weight: var( --kendo-font-weight-medium, medium );
14
+ }
12
15
  }
13
16
 
14
- .k-tabstrip .k-tabstrip-items-wrapper .k-item.k-active::after {
15
- border-width: 0;
17
+ .k-tabstrip .k-tabstrip-items-wrapper {
18
+
19
+ .k-tabstrip-item.k-active::after,
20
+ .k-item.k-active::after {
21
+ border-width: 0;
22
+ }
16
23
  }
17
24
 
18
25
  .k-tabstrip-items .k-item-actions {
19
26
  align-self: center;
20
27
  }
21
28
 
22
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active,
23
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
24
- margin-block-end: 0;
25
- border-block-end-width: 0;
29
+ .k-tabstrip-top > .k-tabstrip-items-wrapper {
30
+
31
+ .k-tabstrip-item:active,
32
+ .k-tabstrip-item.k-active,
33
+ .k-item:active,
34
+ .k-item.k-active {
35
+ margin-block-end: 0;
36
+ border-block-end-width: 0;
37
+ }
26
38
  }
27
39
 
28
40
  .k-tabstrip-top,
29
41
  .k-tabstrip-bottom {
30
42
  .k-tabstrip-items-wrapper {
43
+ .k-tabstrip-item:active,
31
44
  .k-item::after {
32
45
  display: none;
33
46
  }
34
47
 
48
+ .k-tabstrip-item .k-link,
35
49
  .k-item .k-link {
36
50
  position: relative;
37
51
  }
38
52
 
53
+ .k-tabstrip-item .k-link::after,
39
54
  .k-item .k-link::after {
40
55
  content: "";
41
56
  display: none;
@@ -49,10 +64,13 @@
49
64
  margin: 0 $kendo-tabstrip-md-item-padding-x;
50
65
  pointer-events: none;
51
66
  }
67
+
68
+ .k-tabstrip-item.k-active .k-link::after,
52
69
  .k-item.k-active .k-link::after {
53
70
  display: block;
54
71
  }
55
72
 
73
+ .k-tabstrip-item > .k-link,
56
74
  .k-item > .k-link {
57
75
  z-index: k-z-index("base", 1);
58
76
  }
@@ -62,6 +80,7 @@
62
80
  .k-tabstrip-right,
63
81
  .k-tabstrip-left {
64
82
  .k-tabstrip-items-wrapper {
83
+ .k-tabstrip-item::after,
65
84
  .k-item::after {
66
85
  content: "";
67
86
  display: none;
@@ -76,6 +95,7 @@
76
95
  height: auto;
77
96
  margin: $kendo-tabstrip-md-item-padding-y 0;
78
97
  }
98
+ .k-tabstrip-item.k-active::after,
79
99
  .k-item.k-active::after {
80
100
  display: block;
81
101
  }
@@ -83,31 +103,59 @@
83
103
  }
84
104
 
85
105
  // Variants
86
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item .k-link::after {
87
- inset-block-start: auto;
106
+ .k-tabstrip-top > .k-tabstrip-items-wrapper {
107
+
108
+ .k-tabstrip-item .k-link::after,
109
+ .k-item .k-link::after {
110
+ inset-block-start: auto;
111
+ }
88
112
  }
89
113
 
90
- .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after {
91
- left: auto;
114
+ .k-tabstrip-left > .k-tabstrip-items-wrapper {
115
+
116
+ .k-tabstrip-item::after,
117
+ .k-item::after {
118
+ left: auto;
119
+ }
92
120
  }
93
121
 
94
- .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after {
95
- right: auto;
122
+ .k-tabstrip-right > .k-tabstrip-items-wrapper {
123
+
124
+ .k-tabstrip-item::after,
125
+ .k-item::after {
126
+ right: auto;
127
+ }
96
128
  }
97
129
 
98
- .k-tabstrip-top .k-tabstrip-items-wrapper .k-item.k-active .k-link::after {
99
- border-radius: var( --kendo-border-radius-full, 9999px ) var( --kendo-border-radius-full, 9999px ) 0 0;
130
+ .k-tabstrip-top .k-tabstrip-items-wrapper {
131
+
132
+ .k-tabstrip-item.k-active .k-link::after,
133
+ .k-item.k-active .k-link::after {
134
+ border-radius: var( --kendo-border-radius-full, 9999px ) var( --kendo-border-radius-full, 9999px ) 0 0;
135
+ }
100
136
  }
101
137
 
102
- .k-tabstrip-bottom .k-tabstrip-items-wrapper .k-item.k-active .k-link::after {
103
- border-radius: 0 0 var( --kendo-border-radius-full, 9999px ) var( --kendo-border-radius-full, 9999px );
138
+ .k-tabstrip-bottom .k-tabstrip-items-wrapper {
139
+
140
+ .k-tabstrip-item.k-active .k-link::after,
141
+ .k-item.k-active .k-link::after {
142
+ border-radius: 0 0 var( --kendo-border-radius-full, 9999px ) var( --kendo-border-radius-full, 9999px );
143
+ }
104
144
  }
105
145
 
106
- .k-tabstrip-left .k-tabstrip-items-wrapper .k-item.k-active::after {
107
- border-radius: var( --kendo-border-radius-full, 9999px ) 0 0 var( --kendo-border-radius-full, 9999px );
146
+ .k-tabstrip-left .k-tabstrip-items-wrapper {
147
+
148
+ .k-tabstrip-item.k-active::after,
149
+ .k-item.k-active::after {
150
+ border-radius: var( --kendo-border-radius-full, 9999px ) 0 0 var( --kendo-border-radius-full, 9999px );
151
+ }
108
152
  }
109
153
 
110
- .k-tabstrip-right .k-tabstrip-items-wrapper .k-item.k-active::after {
111
- border-radius: 0 var( --kendo-border-radius-full, 9999px ) var( --kendo-border-radius-full, 9999px ) 0;
154
+ .k-tabstrip-right .k-tabstrip-items-wrapper {
155
+
156
+ .k-tabstrip-item.k-active::after,
157
+ .k-item.k-active::after {
158
+ border-radius: 0 var( --kendo-border-radius-full, 9999px ) var( --kendo-border-radius-full, 9999px ) 0;
159
+ }
112
160
  }
113
161
  }
@@ -1,6 +1,6 @@
1
1
  @use "../core/_index.scss" as *;
2
2
  @use "../card/_variables.scss" as *;
3
- @use "../core/functions/index.import.scss" as *;
3
+
4
4
 
5
5
  // TaskBoard
6
6
 
@@ -1,7 +1,7 @@
1
1
  @use "../core/_index.scss" as *;
2
2
  @use "../button/_variables.scss" as *;
3
3
  @use "../card/_variables.scss" as *;
4
- @use "../core/functions/index.import.scss" as *;
4
+
5
5
 
6
6
  // Timeline
7
7
 
@@ -1,7 +1,6 @@
1
1
  @use "./_variables.scss" as *;
2
2
  @use "../core/_index.scss" as *;
3
3
  @use "../button/_variables.scss" as *;
4
- @use "../core/functions/index.import.scss" as *;
5
4
  @use "@progress/kendo-theme-core/scss/components/toolbar/_theme.scss" as *;
6
5
 
7
6
 
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "../core/_index.scss" as *;
3
- @use "../core/functions/index.import.scss" as *;
3
+
4
4
 
5
5
  @function tooltip-theme( $colors ) {
6
6
  $_theme: ();
@@ -1,7 +1,7 @@
1
1
  @use "sass:math";
2
2
  @use "./_functions.scss" as *;
3
3
  @use "../core/_index.scss" as *;
4
- @use "../core/functions/index.import.scss" as *;
4
+
5
5
 
6
6
  // Tooltip
7
7
 
@@ -1,6 +1,5 @@
1
1
  @use "../core/_index.scss" as *;
2
2
  @use "./_variables.scss" as *;
3
- @use "../core/functions/index.import.scss" as *;
4
3
  @use "@progress/kendo-theme-core/scss/components/upload/_theme.scss" as *;
5
4
 
6
5
 
@@ -1 +1 @@
1
- @forward "@progress/kendo-theme-utils/scss/index.import.scss";
1
+ @forward "@progress/kendo-theme-utils/scss/index.scss";
@@ -1 +0,0 @@
1
- @forward "@progress/kendo-theme-core/scss/functions/index.import.scss";
@@ -1 +0,0 @@
1
- @forward "@progress/kendo-theme-core/scss/mixins/index.import.scss";
@@ -1 +0,0 @@
1
- @forward "@progress/kendo-theme-core/scss/motion/index.import.scss";
@@ -1 +0,0 @@
1
- @forward "@progress/kendo-theme-core/scss/styles/index.import.scss";
@@ -1 +0,0 @@
1
- @forward "@progress/kendo-theme-core/scss/z-index/index.import.scss";