@progress/kendo-theme-meridian 14.6.1 → 14.7.0-dev.1

package/dist/meta/variables.json

@@ -4256,6 +4256,34 @@
         "type": "String",
         "value": "var(--kendo-color-error-on-surface)"
     },
+    "kendo-label-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
+    },
+    "kendo-label-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-medium, normal)"
+    },
+    "kendo-label-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-sm, normal)"
+    },
+    "kendo-label-optional-margin-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
+    "kendo-label-optional-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
+    },
+    "kendo-label-optional-font-style": {
+        "type": "String",
+        "value": "italic"
+    },
+    "kendo-label-optional-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-normal, normal)"
+    },
     "kendo-floating-label-scale": {
         "type": "Number",
         "value": "1"
@@ -6429,18 +6457,6 @@
         "type": "String",
         "value": "var(--kendo-spacing-1)"
     },
-    "kendo-label-font-size": {
-        "type": "String",
-        "value": "var(--kendo-font-size-sm, inherit)"
-    },
-    "kendo-label-font-weight": {
-        "type": "String",
-        "value": "var(--kendo-font-weight-medium, normal)"
-    },
-    "kendo-label-line-height": {
-        "type": "String",
-        "value": "var(--kendo-line-height-sm, normal)"
-    },
     "kendo-form-hint-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size-sm, inherit)"
@@ -6505,22 +6521,6 @@
         "type": "Calculation",
         "value": "calc(var(--kendo-spacing-1) + 1px)"
     },
-    "kendo-label-optional-margin-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-1\\.5)"
-    },
-    "kendo-label-optional-font-size": {
-        "type": "String",
-        "value": "var(--kendo-font-size-sm, inherit)"
-    },
-    "kendo-label-optional-font-style": {
-        "type": "String",
-        "value": "italic"
-    },
-    "kendo-label-optional-font-weight": {
-        "type": "String",
-        "value": "var(--kendo-font-weight-normal, normal)"
-    },
     "kendo-fieldset-margin": {
         "type": "String",
         "value": "var(--kendo-spacing-7\\.5)"

package/lib/swatches/meridian-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.6.1",
+    "version": "14.7.0-dev.1",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.6.1",
+    "version": "14.7.0-dev.1",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-meridian",
   "description": "Meridian theme for Kendo UI",
-  "version": "14.6.1",
+  "version": "14.7.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,8 +52,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^5.5.0",
-    "@progress/kendo-theme-core": "14.6.1",
-    "@progress/kendo-theme-utils": "14.6.1"
+    "@progress/kendo-theme-core": "14.7.0-dev.1",
+    "@progress/kendo-theme-utils": "14.7.0-dev.1"
   },
   "directories": {
     "doc": "docs",

package/scss/forms/_index.scss

@@ -1,5 +1,6 @@
 // Dependencies // TODO: extract variables
 @use "../core/_index.scss" as *;
+@use "../label/_index.scss" as *;
 @use "../utils/_index.scss" as *;
 @use "../toolbar/_index.scss" as *;
 @use "../action-buttons/_index.scss" as *;
@@ -15,6 +16,7 @@
         @include core-styles();
         @include kendo-toolbar--styles();
         @include kendo-action-buttons--styles();
+        @include kendo-label--styles();
         @include kendo-form--layout();
         @include kendo-form--theme();
         @include kendo-utils--layout--display();

package/scss/forms/_variables.scss

@@ -3,8 +3,6 @@
 @use "../typography/_variables.scss" as *;
 @use "../core/_index.scss" as *;
 
-
-
 // Forms
 
 /// The default size of the Form.
@@ -62,16 +60,6 @@ $kendo-form-legend-text-transform: none !default;
 /// @group form
 $kendo-form-label-margin-bottom: k-spacing(1) !default;
 
-/// The font size of the Form label.
-/// @group form
-$kendo-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
-/// The font weight of the Form label.
-/// @group form
-$kendo-label-font-weight: var( --kendo-font-weight-medium, normal ) !default;
-/// The line height of the Form label.
-/// @group form
-$kendo-label-line-height: var( --kendo-line-height-sm, normal ) !default;
-
 /// The font size of the Form hint.
 /// @group form
 $kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
@@ -128,20 +116,6 @@ $kendo-inline-form-field-padding-x: 0 k-spacing(3) !default;
 /// @group form
 $kendo-inline-form-field-padding-y: calc( #{k-spacing(1)} + #{$kendo-input-border-width} ) !default;
 
-/// The horizontal margin of the optional label in the Form.
-/// @group form
-$kendo-label-optional-margin-x: k-spacing(1.5) !default;
-/// The font size of the optional label in the Form.
-/// @group form
-$kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
-/// The font style of the optional label in the Form.
-/// @group form
-$kendo-label-optional-font-style: italic !default;
-/// The font weight of the optional label in the Form.
-/// @group form
-$kendo-label-optional-font-weight: var( --kendo-font-weight-normal, normal ) !default;
-
-
 /// The margin of the Form fieldset.
 /// @group form
 $kendo-fieldset-margin: k-spacing(7.5) !default;
@@ -165,7 +139,6 @@ $kendo-form-field-info-margin: k-spacing(2) !default;
 /// @group form
 $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
 
-
 @forward "@progress/kendo-theme-core/scss/components/forms/_variables.scss" with (
     $kendo-form-default-size: $kendo-form-default-size,
     $kendo-form-spacer: $kendo-form-spacer,
@@ -183,9 +156,6 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
     $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
     $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
     $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
-    $kendo-label-font-size: $kendo-label-font-size,
-    $kendo-label-font-weight: $kendo-label-font-weight,
-    $kendo-label-line-height: $kendo-label-line-height,
     $kendo-form-hint-font-size: $kendo-form-hint-font-size,
     $kendo-form-hint-font-style: $kendo-form-hint-font-style,
     $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
@@ -202,10 +172,6 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
     $kendo-inline-form-element-width: $kendo-inline-form-element-width,
     $kendo-inline-form-field-padding-x: $kendo-inline-form-field-padding-x,
     $kendo-inline-form-field-padding-y: $kendo-inline-form-field-padding-y,
-    $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
-    $kendo-label-optional-font-size: $kendo-label-optional-font-size,
-    $kendo-label-optional-font-style: $kendo-label-optional-font-style,
-    $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
     $kendo-fieldset-margin: $kendo-fieldset-margin,
     $kendo-fieldset-legend-padding: $kendo-fieldset-legend-padding,
     $kendo-fieldset-legend-margin: $kendo-fieldset-legend-margin,

package/scss/index.scss

@@ -27,6 +27,7 @@
 @forward "./button/_index.scss";
 @forward "./speech-to-text-button/_index.scss";
 @forward "./input/_index.scss";
+@forward "./label/_index.scss";
 @forward "./floating-label/_index.scss";
 @forward "./textbox/_index.scss";
 @forward "./textarea/_index.scss";
@@ -188,6 +189,7 @@
 @use "./forms/_index.scss" as *;
 @use "./validator/_index.scss" as *;
 @use "./floating-label/_index.scss" as *;
+@use "./label/_index.scss" as *;
 
 // Form requirements
 @use "./calendar/_index.scss" as *;
@@ -356,6 +358,7 @@
 
 
     // Form helpers
+    @include kendo-label--styles();
     @include kendo-form--styles();
     @include kendo-validator--styles();
     @include kendo-floating-label--styles();

package/scss/label/_index.scss

@@ -0,0 +1,15 @@
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-label--styles() {
+    @include import-once( "label" ) {
+        @include core-styles();
+        @include kendo-label--layout();
+        @include kendo-label--theme();
+    }
+}

package/scss/label/_layout.scss

@@ -0,0 +1,5 @@
+@use "@progress/kendo-theme-core/scss/components/label/_layout.scss" as *;
+
+@mixin kendo-label--layout() {
+    @include kendo-label--layout-base();
+}

package/scss/label/_theme.scss

@@ -0,0 +1,5 @@
+@use "@progress/kendo-theme-core/scss/components/label/_theme.scss" as *;
+
+@mixin kendo-label--theme() {
+    @include kendo-label--theme-base();
+}

package/scss/label/_variables.scss

@@ -0,0 +1,36 @@
+@use "../core/_index.scss" as *;
+
+// Label
+
+/// The font size of the Label.
+/// @group label
+$kendo-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font weight of the Label.
+/// @group label
+$kendo-label-font-weight: var( --kendo-font-weight-medium, normal ) !default;
+/// The line height of the Label.
+/// @group label
+$kendo-label-line-height: var( --kendo-line-height-sm, normal ) !default;
+
+/// The horizontal margin of the optional Label.
+/// @group label
+$kendo-label-optional-margin-x: k-spacing(1.5) !default;
+/// The font size of the optional Label.
+/// @group label
+$kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font style of the optional Label.
+/// @group label
+$kendo-label-optional-font-style: italic !default;
+/// The font weight of the optional Label.
+/// @group label
+$kendo-label-optional-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/label/_variables.scss" with (
+    $kendo-label-font-size: $kendo-label-font-size,
+    $kendo-label-font-weight: $kendo-label-font-weight,
+    $kendo-label-line-height: $kendo-label-line-height,
+    $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
+    $kendo-label-optional-font-size: $kendo-label-optional-font-size,
+    $kendo-label-optional-font-style: $kendo-label-optional-font-style,
+    $kendo-label-optional-font-weight: $kendo-label-optional-font-weight
+);