@progress/kendo-theme-classic 14.6.1 → 14.7.0-dev.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 (40) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/classic-green-dark.css +1 -1
  3. package/dist/classic-green.css +1 -1
  4. package/dist/classic-lavender-dark.css +1 -1
  5. package/dist/classic-lavender.css +1 -1
  6. package/dist/classic-main-dark.css +1 -1
  7. package/dist/classic-main.css +1 -1
  8. package/dist/classic-metro-dark.css +1 -1
  9. package/dist/classic-metro.css +1 -1
  10. package/dist/classic-moonlight.css +1 -1
  11. package/dist/classic-opal-dark.css +1 -1
  12. package/dist/classic-opal.css +1 -1
  13. package/dist/classic-silver-dark.css +1 -1
  14. package/dist/classic-silver.css +1 -1
  15. package/dist/classic-uniform.css +1 -1
  16. package/dist/meta/sassdoc-data.json +696 -690
  17. package/dist/meta/sassdoc-raw-data.json +331 -331
  18. package/dist/meta/variables.json +28 -28
  19. package/lib/swatches/classic-green-dark.json +1 -1
  20. package/lib/swatches/classic-green.json +1 -1
  21. package/lib/swatches/classic-lavender-dark.json +1 -1
  22. package/lib/swatches/classic-lavender.json +1 -1
  23. package/lib/swatches/classic-main-dark.json +1 -1
  24. package/lib/swatches/classic-main.json +1 -1
  25. package/lib/swatches/classic-metro-dark.json +1 -1
  26. package/lib/swatches/classic-metro.json +1 -1
  27. package/lib/swatches/classic-moonlight.json +1 -1
  28. package/lib/swatches/classic-opal-dark.json +1 -1
  29. package/lib/swatches/classic-opal.json +1 -1
  30. package/lib/swatches/classic-silver-dark.json +1 -1
  31. package/lib/swatches/classic-silver.json +1 -1
  32. package/lib/swatches/classic-uniform.json +1 -1
  33. package/package.json +3 -3
  34. package/scss/forms/_index.scss +2 -0
  35. package/scss/forms/_variables.scss +0 -32
  36. package/scss/index.scss +3 -0
  37. package/scss/label/_index.scss +15 -0
  38. package/scss/label/_layout.scss +5 -0
  39. package/scss/label/_theme.scss +5 -0
  40. 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": "italic"
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"
@@ -6281,18 +6309,6 @@
6281
6309
  "type": "String",
6282
6310
  "value": "var(--kendo-spacing-0)"
6283
6311
  },
6284
- "kendo-label-font-size": {
6285
- "type": "Null",
6286
- "value": "null"
6287
- },
6288
- "kendo-label-font-weight": {
6289
- "type": "Null",
6290
- "value": "null"
6291
- },
6292
- "kendo-label-line-height": {
6293
- "type": "Null",
6294
- "value": "null"
6295
- },
6296
6312
  "kendo-form-hint-font-size": {
6297
6313
  "type": "String",
6298
6314
  "value": "var(--kendo-font-size-sm)"
@@ -6357,22 +6373,6 @@
6357
6373
  "type": "Calculation",
6358
6374
  "value": "calc(var(--kendo-spacing-1) + 1px)"
6359
6375
  },
6360
- "kendo-label-optional-margin-x": {
6361
- "type": "String",
6362
- "value": "var(--kendo-spacing-1\\.5)"
6363
- },
6364
- "kendo-label-optional-font-size": {
6365
- "type": "String",
6366
- "value": "var(--kendo-font-size-sm)"
6367
- },
6368
- "kendo-label-optional-font-style": {
6369
- "type": "String",
6370
- "value": "italic"
6371
- },
6372
- "kendo-label-optional-font-weight": {
6373
- "type": "Null",
6374
- "value": "null"
6375
- },
6376
6376
  "kendo-fieldset-margin": {
6377
6377
  "type": "String",
6378
6378
  "value": "var(--kendo-spacing-7\\.5)"
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(18.97% 0.0025 145.96deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(96.61% 0.0016 149.39deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(20.26% 0.0161 330.88deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.51% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(17.30% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.51% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(16.38% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.21% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Moonlight",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(27.98% 0.0255 248.78deg)",
9
9
  "oklch(33.48% 0.0217 259.40deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(27.27% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.37% 0.0262 224.39deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(18.72% 0.0020 285.91deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(96.44% 0.0014 284.24deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Uniform",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.51% 0.0001 0deg)",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-classic",
3
3
  "description": "Sass port of less based themes for Kendo UI theme",
4
- "version": "14.6.1",
4
+ "version": "14.7.0-dev.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,8 +53,8 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "^5.5.0",
56
- "@progress/kendo-theme-core": "14.6.1",
57
- "@progress/kendo-theme-utils": "14.6.1"
56
+ "@progress/kendo-theme-core": "14.7.0-dev.1",
57
+ "@progress/kendo-theme-utils": "14.7.0-dev.1"
58
58
  },
59
59
  "directories": {
60
60
  "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();
@@ -3,7 +3,6 @@
3
3
  @use "../typography/_variables.scss" as *;
4
4
  @use "../core/_index.scss" as *;
5
5
 
6
-
7
6
  // Forms
8
7
 
9
8
  /// The default size of the Form.
@@ -61,16 +60,6 @@ $kendo-form-legend-text-transform: uppercase !default;
61
60
  /// @group form
62
61
  $kendo-form-label-margin-bottom: k-spacing(0) !default;
63
62
 
64
- /// The font size of the Form label.
65
- /// @group form
66
- $kendo-label-font-size: null !default;
67
- /// The font weight of the Form label.
68
- /// @group form
69
- $kendo-label-font-weight: null !default;
70
- /// The line height of the Form label.
71
- /// @group form
72
- $kendo-label-line-height: null !default;
73
-
74
63
  /// The font size of the Form hint.
75
64
  /// @group form
76
65
  $kendo-form-hint-font-size: var(--kendo-font-size-sm) !default;
@@ -127,20 +116,6 @@ $kendo-inline-form-field-padding-x: 0 k-spacing(3) !default;
127
116
  /// @group form
128
117
  $kendo-inline-form-field-padding-y: calc( #{k-spacing(1)} + #{$kendo-input-border-width} ) !default;
129
118
 
130
- /// The horizontal margin of the optional label in the Form.
131
- /// @group form
132
- $kendo-label-optional-margin-x: k-spacing(1.5) !default;
133
- /// The font size of the optional label in the Form.
134
- /// @group form
135
- $kendo-label-optional-font-size: var(--kendo-font-size-sm) !default;
136
- /// The font style of the optional label in the Form.
137
- /// @group form
138
- $kendo-label-optional-font-style: italic !default;
139
- /// The font weight of the optional label in the Form.
140
- /// @group form
141
- $kendo-label-optional-font-weight: null !default;
142
-
143
-
144
119
  /// The margin of the Form fieldset.
145
120
  /// @group form
146
121
  $kendo-fieldset-margin: k-spacing(7.5) !default;
@@ -181,9 +156,6 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
181
156
  $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
182
157
  $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
183
158
  $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
184
- $kendo-label-font-size: $kendo-label-font-size,
185
- $kendo-label-font-weight: $kendo-label-font-weight,
186
- $kendo-label-line-height: $kendo-label-line-height,
187
159
  $kendo-form-hint-font-size: $kendo-form-hint-font-size,
188
160
  $kendo-form-hint-font-style: $kendo-form-hint-font-style,
189
161
  $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
@@ -200,10 +172,6 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
200
172
  $kendo-inline-form-element-width: $kendo-inline-form-element-width,
201
173
  $kendo-inline-form-field-padding-x: $kendo-inline-form-field-padding-x,
202
174
  $kendo-inline-form-field-padding-y: $kendo-inline-form-field-padding-y,
203
- $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
204
- $kendo-label-optional-font-size: $kendo-label-optional-font-size,
205
- $kendo-label-optional-font-style: $kendo-label-optional-font-style,
206
- $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
207
175
  $kendo-fieldset-margin: $kendo-fieldset-margin,
208
176
  $kendo-fieldset-legend-padding: $kendo-fieldset-legend-padding,
209
177
  $kendo-fieldset-legend-margin: $kendo-fieldset-legend-margin,
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: italic !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
+ );