@progress/kendo-theme-material 14.6.1 → 14.7.0-dev.0

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 (46) 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 +566 -560
  20. package/dist/meta/sassdoc-raw-data.json +259 -259
  21. package/dist/meta/variables.json +28 -28
  22. package/lib/swatches/material-2-dark.json +1 -1
  23. package/lib/swatches/material-2.json +1 -1
  24. package/lib/swatches/material-aqua-dark.json +1 -1
  25. package/lib/swatches/material-arctic.json +1 -1
  26. package/lib/swatches/material-burnt-teal.json +1 -1
  27. package/lib/swatches/material-dataviz-v4.json +1 -1
  28. package/lib/swatches/material-eggplant.json +1 -1
  29. package/lib/swatches/material-lime-dark.json +1 -1
  30. package/lib/swatches/material-lime.json +1 -1
  31. package/lib/swatches/material-main-dark.json +1 -1
  32. package/lib/swatches/material-main.json +1 -1
  33. package/lib/swatches/material-nova.json +1 -1
  34. package/lib/swatches/material-pacific-dark.json +1 -1
  35. package/lib/swatches/material-pacific.json +1 -1
  36. package/lib/swatches/material-sky-dark.json +1 -1
  37. package/lib/swatches/material-sky.json +1 -1
  38. package/lib/swatches/material-smoke.json +1 -1
  39. package/package.json +3 -3
  40. package/scss/forms/_index.scss +2 -0
  41. package/scss/forms/_variables.scss +0 -31
  42. package/scss/index.scss +3 -0
  43. package/scss/label/_index.scss +15 -0
  44. package/scss/label/_layout.scss +5 -0
  45. package/scss/label/_theme.scss +5 -0
  46. package/scss/label/_variables.scss +36 -0
@@ -4184,6 +4184,34 @@
4184
4184
  "type": "Bool",
4185
4185
  "value": "false"
4186
4186
  },
4187
+ "kendo-label-font-size": {
4188
+ "type": "Null",
4189
+ "value": "null"
4190
+ },
4191
+ "kendo-label-font-weight": {
4192
+ "type": "Null",
4193
+ "value": "null"
4194
+ },
4195
+ "kendo-label-line-height": {
4196
+ "type": "Null",
4197
+ "value": "null"
4198
+ },
4199
+ "kendo-label-optional-margin-x": {
4200
+ "type": "String",
4201
+ "value": "var(--kendo-spacing-1\\.5)"
4202
+ },
4203
+ "kendo-label-optional-font-size": {
4204
+ "type": "String",
4205
+ "value": "var(--kendo-font-size-sm)"
4206
+ },
4207
+ "kendo-label-optional-font-style": {
4208
+ "type": "String",
4209
+ "value": "normal"
4210
+ },
4211
+ "kendo-label-optional-font-weight": {
4212
+ "type": "Null",
4213
+ "value": "null"
4214
+ },
4187
4215
  "kendo-floating-label-scale": {
4188
4216
  "type": "Number",
4189
4217
  "value": "1"
@@ -6303,18 +6331,6 @@
6303
6331
  "type": "String",
6304
6332
  "value": "var(--kendo-spacing-0)"
6305
6333
  },
6306
- "kendo-label-font-size": {
6307
- "type": "Null",
6308
- "value": "null"
6309
- },
6310
- "kendo-label-font-weight": {
6311
- "type": "Null",
6312
- "value": "null"
6313
- },
6314
- "kendo-label-line-height": {
6315
- "type": "Null",
6316
- "value": "null"
6317
- },
6318
6334
  "kendo-form-hint-font-size": {
6319
6335
  "type": "String",
6320
6336
  "value": "var(--kendo-font-size-sm)"
@@ -6379,22 +6395,6 @@
6379
6395
  "type": "List",
6380
6396
  "value": "(0 var(--kendo-spacing-6))"
6381
6397
  },
6382
- "kendo-label-optional-margin-x": {
6383
- "type": "String",
6384
- "value": "var(--kendo-spacing-1\\.5)"
6385
- },
6386
- "kendo-label-optional-font-size": {
6387
- "type": "String",
6388
- "value": "var(--kendo-font-size-sm)"
6389
- },
6390
- "kendo-label-optional-font-style": {
6391
- "type": "String",
6392
- "value": "normal"
6393
- },
6394
- "kendo-label-optional-font-weight": {
6395
- "type": "Null",
6396
- "value": "null"
6397
- },
6398
6398
  "kendo-fieldset-margin": {
6399
6399
  "type": "String",
6400
6400
  "value": "var(--kendo-spacing-7\\.5)"
@@ -3,7 +3,7 @@
3
3
  "name": "Material 2 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(18.22% 0.0000 0deg)",
9
9
  "oklch(24.78% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material 2",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(18.22% 0.0000 0deg)",
9
9
  "oklch(24.78% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(47.82% 0.1590 271.40deg)",
9
9
  "oklch(65.82% 0.1691 248.83deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(18.22% 0.0000 0deg)",
9
9
  "oklch(24.78% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(18.74% 0.0124 300.35deg)",
9
9
  "oklch(28.59% 0.0130 298.53deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(99.15% 0.0062 316.78deg)",
9
9
  "oklch(96.92% 0.0102 310.65deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(18.22% 0.0000 0deg)",
9
9
  "oklch(24.78% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(18.22% 0.0000 0deg)",
9
9
  "oklch(24.78% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(90.67% 0.0001 0deg)",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "14.6.1",
4
+ "version": "14.7.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -54,8 +54,8 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@progress/kendo-svg-icons": "^5.5.0",
57
- "@progress/kendo-theme-core": "14.6.1",
58
- "@progress/kendo-theme-utils": "14.6.1"
57
+ "@progress/kendo-theme-core": "14.7.0-dev.0",
58
+ "@progress/kendo-theme-utils": "14.7.0-dev.0"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
@@ -1,5 +1,6 @@
1
1
  // Dependencies // TODO: extract variables
2
2
  @use "../core/_index.scss" as *;
3
+ @use "../label/_index.scss" as *;
3
4
  @use "../utils/_index.scss" as *;
4
5
  @use "../toolbar/_index.scss" as *;
5
6
  @use "../action-buttons/_index.scss" as *;
@@ -15,6 +16,7 @@
15
16
  @include core-styles();
16
17
  @include kendo-toolbar--styles();
17
18
  @include kendo-action-buttons--styles();
19
+ @include kendo-label--styles();
18
20
  @include kendo-form--layout();
19
21
  @include kendo-form--theme();
20
22
  @include kendo-utils--layout--display();
@@ -60,16 +60,6 @@ $kendo-form-legend-text-transform: none !default;
60
60
  /// @group form
61
61
  $kendo-form-label-margin-bottom: k-spacing(0) !default;
62
62
 
63
- /// The font size of the Form label.
64
- /// @group form
65
- $kendo-label-font-size: null !default;
66
- /// The font weight of the Form label.
67
- /// @group form
68
- $kendo-label-font-weight: null !default;
69
- /// The line height of the Form label.
70
- /// @group form
71
- $kendo-label-line-height: null !default;
72
-
73
63
  /// The font size of the Form hint.
74
64
  /// @group form
75
65
  $kendo-form-hint-font-size: var(--kendo-font-size-sm) !default;
@@ -125,20 +115,6 @@ $kendo-inline-form-field-padding-x: calc( #{k-spacing(1)} + #{$kendo-input-borde
125
115
  /// @group form
126
116
  $kendo-inline-form-field-padding-y: 0 k-spacing(6) !default;
127
117
 
128
- /// The horizontal margin of the optional label in the Form.
129
- /// @group form
130
- $kendo-label-optional-margin-x: k-spacing(1.5) !default;
131
- /// The font size of the optional label in the Form.
132
- /// @group form
133
- $kendo-label-optional-font-size: var(--kendo-font-size-sm) !default;
134
- /// The font style of the optional label in the Form.
135
- /// @group form
136
- $kendo-label-optional-font-style: normal !default;
137
- /// The font weight of the optional label in the Form.
138
- /// @group form
139
- $kendo-label-optional-font-weight: null !default;
140
-
141
-
142
118
  /// The margin of the Form fieldset.
143
119
  /// @group form
144
120
  $kendo-fieldset-margin: k-spacing(7.5) !default;
@@ -179,9 +155,6 @@ $kendo-fieldset-legend-text: unset !default;
179
155
  $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
180
156
  $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
181
157
  $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
182
- $kendo-label-font-size: $kendo-label-font-size,
183
- $kendo-label-font-weight: $kendo-label-font-weight,
184
- $kendo-label-line-height: $kendo-label-line-height,
185
158
  $kendo-form-hint-font-size: $kendo-form-hint-font-size,
186
159
  $kendo-form-hint-font-style: $kendo-form-hint-font-style,
187
160
  $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
@@ -196,10 +169,6 @@ $kendo-fieldset-legend-text: unset !default;
196
169
  $kendo-horizontal-form-label-align: $kendo-horizontal-form-label-align,
197
170
  $kendo-horizontal-form-field-wrap-max-width: $kendo-horizontal-form-field-wrap-max-width,
198
171
  $kendo-inline-form-element-width: $kendo-inline-form-element-width,
199
- $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
200
- $kendo-label-optional-font-size: $kendo-label-optional-font-size,
201
- $kendo-label-optional-font-style: $kendo-label-optional-font-style,
202
- $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
203
172
  $kendo-fieldset-margin: $kendo-fieldset-margin,
204
173
  $kendo-fieldset-legend-text: $kendo-fieldset-legend-text,
205
174
  $kendo-inline-form-field-padding-x: $kendo-inline-form-field-padding-x,
package/scss/index.scss CHANGED
@@ -27,6 +27,7 @@
27
27
  @forward "./button/_index.scss";
28
28
  @forward "./speech-to-text-button/_index.scss";
29
29
  @forward "./input/_index.scss";
30
+ @forward "./label/_index.scss";
30
31
  @forward "./floating-label/_index.scss";
31
32
  @forward "./textbox/_index.scss";
32
33
  @forward "./textarea/_index.scss";
@@ -188,6 +189,7 @@
188
189
  @use "./forms/_index.scss" as *;
189
190
  @use "./validator/_index.scss" as *;
190
191
  @use "./floating-label/_index.scss" as *;
192
+ @use "./label/_index.scss" as *;
191
193
 
192
194
  // Form requirements
193
195
  @use "./calendar/_index.scss" as *;
@@ -353,6 +355,7 @@
353
355
 
354
356
 
355
357
  // Form helpers
358
+ @include kendo-label--styles();
356
359
  @include kendo-form--styles();
357
360
  @include kendo-validator--styles();
358
361
  @include kendo-floating-label--styles();
@@ -0,0 +1,15 @@
1
+ @use "../core/_index.scss" as *;
2
+
3
+ // Component
4
+ @forward "./_variables.scss";
5
+ @use "./_layout.scss" as *;
6
+ @use "./_theme.scss" as *;
7
+
8
+ // Expose
9
+ @mixin kendo-label--styles() {
10
+ @include import-once( "label" ) {
11
+ @include core-styles();
12
+ @include kendo-label--layout();
13
+ @include kendo-label--theme();
14
+ }
15
+ }
@@ -0,0 +1,5 @@
1
+ @use "@progress/kendo-theme-core/scss/components/label/_layout.scss" as *;
2
+
3
+ @mixin kendo-label--layout() {
4
+ @include kendo-label--layout-base();
5
+ }
@@ -0,0 +1,5 @@
1
+ @use "@progress/kendo-theme-core/scss/components/label/_theme.scss" as *;
2
+
3
+ @mixin kendo-label--theme() {
4
+ @include kendo-label--theme-base();
5
+ }
@@ -0,0 +1,36 @@
1
+ @use "../core/_index.scss" as *;
2
+
3
+ // Label
4
+
5
+ /// The font size of the Label.
6
+ /// @group label
7
+ $kendo-label-font-size: null !default;
8
+ /// The font weight of the Label.
9
+ /// @group label
10
+ $kendo-label-font-weight: null !default;
11
+ /// The line height of the Label.
12
+ /// @group label
13
+ $kendo-label-line-height: null !default;
14
+
15
+ /// The horizontal margin of the optional Label.
16
+ /// @group label
17
+ $kendo-label-optional-margin-x: k-spacing(1.5) !default;
18
+ /// The font size of the optional Label.
19
+ /// @group label
20
+ $kendo-label-optional-font-size: var(--kendo-font-size-sm) !default;
21
+ /// The font style of the optional Label.
22
+ /// @group label
23
+ $kendo-label-optional-font-style: normal !default;
24
+ /// The font weight of the optional Label.
25
+ /// @group label
26
+ $kendo-label-optional-font-weight: null !default;
27
+
28
+ @forward "@progress/kendo-theme-core/scss/components/label/_variables.scss" with (
29
+ $kendo-label-font-size: $kendo-label-font-size,
30
+ $kendo-label-font-weight: $kendo-label-font-weight,
31
+ $kendo-label-line-height: $kendo-label-line-height,
32
+ $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
33
+ $kendo-label-optional-font-size: $kendo-label-optional-font-size,
34
+ $kendo-label-optional-font-style: $kendo-label-optional-font-style,
35
+ $kendo-label-optional-font-weight: $kendo-label-optional-font-weight
36
+ );