@progress/kendo-theme-default 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 (36) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/default-blue.css +1 -1
  3. package/dist/default-dataviz-v4.css +1 -1
  4. package/dist/default-green.css +1 -1
  5. package/dist/default-main-dark.css +1 -1
  6. package/dist/default-main.css +1 -1
  7. package/dist/default-nordic.css +1 -1
  8. package/dist/default-ocean-blue-a11y.css +1 -1
  9. package/dist/default-ocean-blue.css +1 -1
  10. package/dist/default-orange.css +1 -1
  11. package/dist/default-purple.css +1 -1
  12. package/dist/default-turquoise.css +1 -1
  13. package/dist/default-urban.css +1 -1
  14. package/dist/meta/sassdoc-data.json +696 -690
  15. package/dist/meta/sassdoc-raw-data.json +331 -331
  16. package/dist/meta/variables.json +28 -28
  17. package/lib/swatches/default-blue.json +1 -1
  18. package/lib/swatches/default-dataviz-v4.json +1 -1
  19. package/lib/swatches/default-green.json +1 -1
  20. package/lib/swatches/default-main-dark.json +1 -1
  21. package/lib/swatches/default-main.json +1 -1
  22. package/lib/swatches/default-nordic.json +1 -1
  23. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  24. package/lib/swatches/default-ocean-blue.json +1 -1
  25. package/lib/swatches/default-orange.json +1 -1
  26. package/lib/swatches/default-purple.json +1 -1
  27. package/lib/swatches/default-turquoise.json +1 -1
  28. package/lib/swatches/default-urban.json +1 -1
  29. package/package.json +3 -3
  30. package/scss/forms/_index.scss +2 -0
  31. package/scss/forms/_variables.scss +0 -34
  32. package/scss/index.scss +3 -0
  33. package/scss/label/_index.scss +15 -0
  34. package/scss/label/_layout.scss +5 -0
  35. package/scss/label/_theme.scss +5 -0
  36. 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": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "14.6.1",
6
+ "version": "14.7.0-dev.1",
7
7
  "previewColors": [
8
8
  "oklch(69.85% 0.1922 27.18deg)",
9
9
  "oklch(87.94% 0.1577 90.42deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(19.57% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(50.02% 0.0301 214.80deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue A11Y",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
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(94.26% 0.0144 231.45deg)",
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": "14.6.1",
4
+ "version": "14.7.0-dev.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,8 +52,8 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-svg-icons": "^5.5.0",
55
- "@progress/kendo-theme-core": "14.6.1",
56
- "@progress/kendo-theme-utils": "14.6.1"
55
+ "@progress/kendo-theme-core": "14.7.0-dev.1",
56
+ "@progress/kendo-theme-utils": "14.7.0-dev.1"
57
57
  },
58
58
  "directories": {
59
59
  "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,8 +3,6 @@
3
3
  @use "../typography/_variables.scss" as *;
4
4
  @use "../core/_index.scss" as *;
5
5
 
6
-
7
-
8
6
  // Forms
9
7
 
10
8
  /// The default size of the Form.
@@ -62,16 +60,6 @@ $kendo-form-legend-text-transform: uppercase !default;
62
60
  /// @group form
63
61
  $kendo-form-label-margin-bottom: k-spacing(0) !default;
64
62
 
65
- /// The font size of the Form label.
66
- /// @group form
67
- $kendo-label-font-size: null !default;
68
- /// The font weight of the Form label.
69
- /// @group form
70
- $kendo-label-font-weight: null !default;
71
- /// The line height of the Form label.
72
- /// @group form
73
- $kendo-label-line-height: null !default;
74
-
75
63
  /// The font size of the Form hint.
76
64
  /// @group form
77
65
  $kendo-form-hint-font-size: var(--kendo-font-size-sm) !default;
@@ -128,20 +116,6 @@ $kendo-inline-form-field-padding-x: 0 k-spacing(3) !default;
128
116
  /// @group form
129
117
  $kendo-inline-form-field-padding-y: calc( #{k-spacing(1)} + #{$kendo-input-border-width} ) !default;
130
118
 
131
- /// The horizontal margin of the optional label in the Form.
132
- /// @group form
133
- $kendo-label-optional-margin-x: k-spacing(1.5) !default;
134
- /// The font size of the optional label in the Form.
135
- /// @group form
136
- $kendo-label-optional-font-size: var(--kendo-font-size-sm) !default;
137
- /// The font style of the optional label in the Form.
138
- /// @group form
139
- $kendo-label-optional-font-style: italic !default;
140
- /// The font weight of the optional label in the Form.
141
- /// @group form
142
- $kendo-label-optional-font-weight: null !default;
143
-
144
-
145
119
  /// The margin of the Form fieldset.
146
120
  /// @group form
147
121
  $kendo-fieldset-margin: k-spacing(7.5) !default;
@@ -165,7 +139,6 @@ $kendo-form-field-info-margin: k-spacing(2) !default;
165
139
  /// @group form
166
140
  $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
167
141
 
168
-
169
142
  @forward "@progress/kendo-theme-core/scss/components/forms/_variables.scss" with (
170
143
  $kendo-form-default-size: $kendo-form-default-size,
171
144
  $kendo-form-spacer: $kendo-form-spacer,
@@ -183,9 +156,6 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
183
156
  $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
184
157
  $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
185
158
  $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
186
- $kendo-label-font-size: $kendo-label-font-size,
187
- $kendo-label-font-weight: $kendo-label-font-weight,
188
- $kendo-label-line-height: $kendo-label-line-height,
189
159
  $kendo-form-hint-font-size: $kendo-form-hint-font-size,
190
160
  $kendo-form-hint-font-style: $kendo-form-hint-font-style,
191
161
  $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
@@ -202,10 +172,6 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
202
172
  $kendo-inline-form-element-width: $kendo-inline-form-element-width,
203
173
  $kendo-inline-form-field-padding-x: $kendo-inline-form-field-padding-x,
204
174
  $kendo-inline-form-field-padding-y: $kendo-inline-form-field-padding-y,
205
- $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
206
- $kendo-label-optional-font-size: $kendo-label-optional-font-size,
207
- $kendo-label-optional-font-style: $kendo-label-optional-font-style,
208
- $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
209
175
  $kendo-fieldset-margin: $kendo-fieldset-margin,
210
176
  $kendo-fieldset-legend-padding: $kendo-fieldset-legend-padding,
211
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 *;
@@ -355,6 +357,7 @@
355
357
 
356
358
 
357
359
  // Form helpers
360
+ @include kendo-label--styles();
358
361
  @include kendo-form--styles();
359
362
  @include kendo-validator--styles();
360
363
  @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
+ );