@progress/kendo-theme-utils 8.0.0-dev.1 → 8.0.0-dev.2

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 (9) hide show
  1. package/dist/all.css +3288 -264
  2. package/dist/all.scss +25 -98
  3. package/dist/meta/sassdoc-data.json +614 -1048
  4. package/dist/meta/sassdoc-raw-data.json +614 -1048
  5. package/dist/meta/variables.json +2 -2
  6. package/package.json +3 -3
  7. package/scss/_variables.scss +9 -0
  8. package/scss/spacing/_margin.scss +8 -7
  9. package/scss/spacing/_padding.scss +8 -91
package/dist/all.scss CHANGED
@@ -4028,13 +4028,14 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4028
4028
  @mixin kendo-utils--spacing--margin() {
4029
4029
 
4030
4030
  // Margin utility classes
4031
- @include generate-utils( m, margin, $kendo-spacing, $css-var: "spacing" );
4032
- @include generate-utils( mt, margin-top, $kendo-spacing, $css-var: "spacing" );
4033
- @include generate-utils( mr, margin-right, $kendo-spacing, $css-var: "spacing" );
4034
- @include generate-utils( mb, margin-bottom, $kendo-spacing, $css-var: "spacing" );
4035
- @include generate-utils( ml, margin-left, $kendo-spacing, $css-var: "spacing" );
4036
- @include generate-utils( mx, margin-inline, $kendo-spacing, $css-var: "spacing" );
4037
- @include generate-utils( my, margin-block, $kendo-spacing, $css-var: "spacing" );
4031
+ $kendo-utils-margin: k-map-get( $kendo-utils, "margin" ) !default;
4032
+ @include generate-utils( m, margin, $kendo-utils-margin, $css-var: "spacing" );
4033
+ @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: "spacing" );
4034
+ @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: "spacing" );
4035
+ @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: "spacing" );
4036
+ @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: "spacing" );
4037
+ @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: "spacing" );
4038
+ @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: "spacing" );
4038
4039
 
4039
4040
  }
4040
4041
 
@@ -4058,18 +4059,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4058
4059
  /// @group padding
4059
4060
  /// @contextType css
4060
4061
 
4061
- /// This is equivalent to `padding: -1px;`.
4062
- /// @example padding: -1px;
4063
- /// @name .k-p--1px
4064
- /// @group padding
4065
- /// @contextType css
4066
-
4067
- /// This is equivalent to `padding: -0.25rem;`.
4068
- /// @example padding: -0.25rem;
4069
- /// @name .k-p--1
4070
- /// @group padding
4071
- /// @contextType css
4072
-
4073
4062
  /// This is equivalent to `padding: 0.25rem;`.
4074
4063
  /// @example padding: 0.25rem;
4075
4064
  /// @name .k-p-xs
@@ -4136,18 +4125,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4136
4125
  /// @group padding
4137
4126
  /// @contextType css
4138
4127
 
4139
- /// This is equivalent to `padding-top: -1px;`.
4140
- /// @example padding-top: -1px;
4141
- /// @name .k-pt--1px
4142
- /// @group padding
4143
- /// @contextType css
4144
-
4145
- /// This is equivalent to `padding-top: -0.25rem;`.
4146
- /// @example padding-top: -0.25rem;
4147
- /// @name .k-pt--1
4148
- /// @group padding
4149
- /// @contextType css
4150
-
4151
4128
  /// This is equivalent to `padding-top: 0.25rem;`.
4152
4129
  /// @example padding-top: 0.25rem;
4153
4130
  /// @name .k-pt-xs
@@ -4214,18 +4191,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4214
4191
  /// @group padding
4215
4192
  /// @contextType css
4216
4193
 
4217
- /// This is equivalent to `padding-right: -1px;`.
4218
- /// @example padding-right: -1px;
4219
- /// @name .k-pr--1px
4220
- /// @group padding
4221
- /// @contextType css
4222
-
4223
- /// This is equivalent to `padding-right: -0.25rem;`.
4224
- /// @example padding-right: -0.25rem;
4225
- /// @name .k-pr--1
4226
- /// @group padding
4227
- /// @contextType css
4228
-
4229
4194
  /// This is equivalent to `padding-right: 0.25rem;`.
4230
4195
  /// @example padding-right: 0.25rem;
4231
4196
  /// @name .k-pr-xs
@@ -4292,18 +4257,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4292
4257
  /// @group padding
4293
4258
  /// @contextType css
4294
4259
 
4295
- /// This is equivalent to `padding-bottom: -1px;`.
4296
- /// @example padding-bottom: -1px;
4297
- /// @name .k-pb--1px
4298
- /// @group padding
4299
- /// @contextType css
4300
-
4301
- /// This is equivalent to `padding-bottom: -0.25rem;`.
4302
- /// @example padding-bottom: -0.25rem;
4303
- /// @name .k-pb--1
4304
- /// @group padding
4305
- /// @contextType css
4306
-
4307
4260
  /// This is equivalent to `padding-bottom: 0.25rem;`.
4308
4261
  /// @example padding-bottom: 0.25rem;
4309
4262
  /// @name .k-pb-xs
@@ -4370,18 +4323,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4370
4323
  /// @group padding
4371
4324
  /// @contextType css
4372
4325
 
4373
- /// This is equivalent to `padding-left: -1px;`.
4374
- /// @example padding-left: -1px;
4375
- /// @name .k-pl--1px
4376
- /// @group padding
4377
- /// @contextType css
4378
-
4379
- /// This is equivalent to `padding-left: -0.25rem;`.
4380
- /// @example padding-left: -0.25rem;
4381
- /// @name .k-pl--1
4382
- /// @group padding
4383
- /// @contextType css
4384
-
4385
4326
  /// This is equivalent to `padding-left: 0.25rem;`.
4386
4327
  /// @example padding-left: 0.25rem;
4387
4328
  /// @name .k-pl-xs
@@ -4448,18 +4389,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4448
4389
  /// @group padding
4449
4390
  /// @contextType css
4450
4391
 
4451
- /// This is equivalent to `padding-inline: -1px;`.
4452
- /// @example padding-inline: -1px;
4453
- /// @name .k-px--1px
4454
- /// @group padding
4455
- /// @contextType css
4456
-
4457
- /// This is equivalent to `padding-inline: -0.25rem;`.
4458
- /// @example padding-inline: -0.25rem;
4459
- /// @name .k-px--1
4460
- /// @group padding
4461
- /// @contextType css
4462
-
4463
4392
  /// This is equivalent to `padding-inline: 0.25rem;`.
4464
4393
  /// @example padding-inline: 0.25rem;
4465
4394
  /// @name .k-px-xs
@@ -4526,18 +4455,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4526
4455
  /// @group padding
4527
4456
  /// @contextType css
4528
4457
 
4529
- /// This is equivalent to `padding-block: -1px;`.
4530
- /// @example padding-block: -1px;
4531
- /// @name .k-py--1px
4532
- /// @group padding
4533
- /// @contextType css
4534
-
4535
- /// This is equivalent to `padding-block: -0.25rem;`.
4536
- /// @example padding-block: -0.25rem;
4537
- /// @name .k-py--1
4538
- /// @group padding
4539
- /// @contextType css
4540
-
4541
4458
  /// This is equivalent to `padding-block: 0.25rem;`.
4542
4459
  /// @example padding-block: 0.25rem;
4543
4460
  /// @name .k-py-xs
@@ -4589,13 +4506,14 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
4589
4506
  @mixin kendo-utils--spacing--padding() {
4590
4507
 
4591
4508
  // Padding utility classes
4592
- @include generate-utils( p, padding, $kendo-spacing, $css-var: "spacing" );
4593
- @include generate-utils( pt, padding-top, $kendo-spacing, $css-var: "spacing" );
4594
- @include generate-utils( pr, padding-right, $kendo-spacing, $css-var: "spacing" );
4595
- @include generate-utils( pb, padding-bottom, $kendo-spacing, $css-var: "spacing" );
4596
- @include generate-utils( pl, padding-left, $kendo-spacing, $css-var: "spacing" );
4597
- @include generate-utils( px, padding-inline, $kendo-spacing, $css-var: "spacing" );
4598
- @include generate-utils( py, padding-block, $kendo-spacing, $css-var: "spacing" );
4509
+ $kendo-utils-padding: k-map-get( $kendo-utils, "padding" ) !default;
4510
+ @include generate-utils( p, padding, $kendo-utils-padding, $css-var: "spacing" );
4511
+ @include generate-utils( pt, padding-top, $kendo-utils-padding, $css-var: "spacing" );
4512
+ @include generate-utils( pr, padding-right, $kendo-utils-padding, $css-var: "spacing" );
4513
+ @include generate-utils( pb, padding-bottom, $kendo-utils-padding, $css-var: "spacing" );
4514
+ @include generate-utils( pl, padding-left, $kendo-utils-padding, $css-var: "spacing" );
4515
+ @include generate-utils( px, padding-inline, $kendo-utils-padding, $css-var: "spacing" );
4516
+ @include generate-utils( py, padding-block, $kendo-utils-padding, $css-var: "spacing" );
4599
4517
 
4600
4518
  }
4601
4519
 
@@ -4640,6 +4558,15 @@ $kendo-theme-colors: () !default;
4640
4558
  $kendo-font-sizes: () !default;
4641
4559
 
4642
4560
  $kendo-util-colors-list: (
4561
+ app-surface,
4562
+ on-app-surface,
4563
+ subtle,
4564
+ surface,
4565
+ surface-alt,
4566
+ border,
4567
+ border-alt,
4568
+ base-subtle,
4569
+ base-emphasis,
4643
4570
  primary-subtle,
4644
4571
  primary,
4645
4572
  primary-emphasis,