@featherk/styles 0.4.12 → 0.5.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 (6) hide show
  1. package/dist/v8.2.0/css/featherk-beautified.css +56145 -0
  2. package/dist/v8.2.0/css/featherk.css +1 -1
  3. package/dist/v8.2.0/scss/_fonts.scss +17 -17
  4. package/dist/v8.2.0/scss/_overrides.scss +91 -164
  5. package/dist/v8.2.0/scss/_tokens.scss +0 -2
  6. package/package.json +1 -1
package/dist/v8.2.0/scss/_fonts.scss CHANGED
@@ -8,56 +8,56 @@
8
8
 
9
9
  @font-face {
10
10
  font-family: Inter;
11
- src: url('../fonts/Inter-Light.woff2') format('woff2');
11
+ src: url('../fonts/Inter-Medium.woff2') format('woff2');
12
12
  font-style: normal;
13
- font-weight: 300;
13
+ font-weight: 500;
14
14
  font-display: auto;
15
15
  }
16
16
 
17
17
  @font-face {
18
18
  font-family: Inter;
19
- src: url('../fonts/Inter-Bold.woff2') format('woff2');
20
- font-style: normal;
19
+ src: url('../fonts/Inter-BoldItalic.woff2') format('woff2');
20
+ font-style: italic;
21
21
  font-weight: 700;
22
22
  font-display: auto;
23
23
  }
24
24
 
25
25
  @font-face {
26
26
  font-family: Inter;
27
- src: url('../fonts/Inter-BoldItalic.woff2') format('woff2');
28
- font-style: italic;
29
- font-weight: 700;
27
+ src: url('../fonts/Inter-Light.woff2') format('woff2');
28
+ font-style: normal;
29
+ font-weight: 300;
30
30
  font-display: auto;
31
31
  }
32
32
 
33
33
  @font-face {
34
34
  font-family: Inter;
35
- src: url('../fonts/Inter-MediumItalic.woff2') format('woff2');
35
+ src: url('../fonts/Inter-LightItalic.woff2') format('woff2');
36
36
  font-style: italic;
37
- font-weight: 500;
37
+ font-weight: 300;
38
38
  font-display: auto;
39
39
  }
40
40
 
41
41
  @font-face {
42
42
  font-family: Inter;
43
- src: url('../fonts/Inter-LightItalic.woff2') format('woff2');
44
- font-style: italic;
45
- font-weight: 300;
43
+ src: url('../fonts/Inter-Bold.woff2') format('woff2');
44
+ font-style: normal;
45
+ font-weight: 700;
46
46
  font-display: auto;
47
47
  }
48
48
 
49
49
  @font-face {
50
50
  font-family: Inter;
51
- src: url('../fonts/Inter-Italic.woff2') format('woff2');
51
+ src: url('../fonts/Inter-MediumItalic.woff2') format('woff2');
52
52
  font-style: italic;
53
- font-weight: 400;
53
+ font-weight: 500;
54
54
  font-display: auto;
55
55
  }
56
56
 
57
57
  @font-face {
58
58
  font-family: Inter;
59
- src: url('../fonts/Inter-Medium.woff2') format('woff2');
60
- font-style: normal;
61
- font-weight: 500;
59
+ src: url('../fonts/Inter-Italic.woff2') format('woff2');
60
+ font-style: italic;
61
+ font-weight: 400;
62
62
  font-display: auto;
63
63
  }
package/dist/v8.2.0/scss/_overrides.scss CHANGED
@@ -389,11 +389,10 @@
389
389
 
390
390
  }
391
391
  .k-calendar.k-calendar-range{
392
- flex-direction: column;
393
- padding-bottom: 1rem;
394
- padding-left: 1rem;
395
- padding-right: 1rem;
396
- padding-top: 1rem;
392
+ padding-bottom: $feather-kendo-padding-lg-x;
393
+ padding-left: $feather-kendo-padding-lg-x;
394
+ padding-right: $feather-kendo-padding-lg-x;
395
+ padding-top: $feather-kendo-padding-lg-x;
397
396
 
398
397
  }
399
398
  .k-combobox .k-input-button.k-button-solid-base{
@@ -500,7 +499,6 @@
500
499
  .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase{
501
500
  background-color: initial;
502
501
  background-image: none;
503
- width: $feather-feather-container-height-md;
504
502
  padding-right: $feather-kendo-input-padding-y;
505
503
  padding-left: $feather-kendo-input-padding-y;
506
504
  color: inherit;
@@ -509,11 +507,12 @@
509
507
  .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease{
510
508
  background-color: initial;
511
509
  background-image: none;
512
- width: $feather-feather-container-height-md;
513
510
  padding-right: 0px;
514
511
  padding-left: 0px;
515
512
  column-gap: 0px;
516
513
  color: inherit;
514
+ width: unset;
515
+ height: unset;
517
516
 
518
517
  }
519
518
  .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase.k-hover,.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase.k-state-hover,.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase.k-state-hovered,.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase:hover{
@@ -541,8 +540,8 @@
541
540
 
542
541
  }
543
542
  .k-numerictextbox.k-input .k-input-spinner.k-spin-button{
544
- width: $feather-feather-container-height-md;
545
- color: $feather-feather-icon-on-neutral;
543
+ color: $feather-feather-icon-on-neutral;
544
+ height: 100%;
546
545
 
547
546
  }
548
547
  .k-textbox.k-input .k-clear-value{
@@ -762,12 +761,6 @@
762
761
  .k-textarea.k-input.k-hover,.k-textarea.k-input.k-state-hover,.k-textarea.k-input.k-state-hovered,.k-textarea.k-input:hover{
763
762
  @extend %feather-effects-feather-input-hover-on-surface;
764
763
 
765
- }
766
- .k-textbox.k-input .k-input-inner{
767
- @extend %feather-typography-feather-body-small;
768
- color: $feather-kendo-input-text;
769
- height: auto;
770
-
771
764
  }
772
765
  .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal{
773
766
  margin-right: -12px;
@@ -1190,23 +1183,12 @@
1190
1183
 
1191
1184
  }
1192
1185
  .k-textbox.k-input{
1193
- background-color: initial;
1194
- background-image: none;
1195
- transition-property: all;
1186
+ transition-property: all;
1196
1187
  transition-duration: 280ms;
1197
- border-bottom-width: $feather-kendo-input-border-width;
1198
- border-left-width: $feather-kendo-input-border-width;
1199
- border-right-width: $feather-kendo-input-border-width;
1200
- border-top-width: $feather-kendo-input-border-width;
1201
- height: $feather-feather-container-height-lg;
1202
1188
 
1203
1189
  }
1204
1190
  .k-textbox.k-input.k-input-solid{
1205
- border-bottom-color: $feather-kendo-input-border;
1206
- border-left-color: $feather-kendo-input-border;
1207
- border-right-color: $feather-kendo-input-border;
1208
- border-top-color: $feather-kendo-input-border;
1209
- color: $feather-kendo-input-text;
1191
+ color: unset;
1210
1192
 
1211
1193
  }
1212
1194
  .k-radio-label{
@@ -1222,6 +1204,7 @@
1222
1204
  .k-datepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
1223
1205
  color: $feather-feather-icon-on-neutral;
1224
1206
  height: 100%;
1207
+ aspect-ratio: 1;
1225
1208
 
1226
1209
  }
1227
1210
  .k-timepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
@@ -1334,10 +1317,6 @@
1334
1317
  .k-grid.k-grid-md .k-table{
1335
1318
  border-collapse: separate;
1336
1319
 
1337
- }
1338
- .k-calendar.k-calendar-range .k-calendar-view.k-hstack.k-align-items-start.k-justify-content-center.k-calendar-monthview .k-calendar-table{
1339
- border-collapse: separate;
1340
-
1341
1320
  }
1342
1321
  .k-fab{
1343
1322
  @extend %feather-typography-feather-button;
@@ -1637,11 +1616,6 @@
1637
1616
  border-top-color: k-color( error );
1638
1617
  color: k-color( error );
1639
1618
 
1640
- }
1641
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td{
1642
- @extend %feather-typography-feather-body-small;
1643
- color: $feather-feather-secondary-text-on-surface;
1644
-
1645
1619
  }
1646
1620
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-today .k-link{
1647
1621
  font-weight: 600;
@@ -1654,20 +1628,6 @@
1654
1628
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-today .k-link{
1655
1629
  font-weight: 600;
1656
1630
 
1657
- }
1658
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td{
1659
- @extend %feather-typography-feather-body-small;
1660
- color: $feather-feather-secondary-text-on-surface;
1661
-
1662
- }
1663
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td .k-link{
1664
- font-weight: 400;
1665
-
1666
- }
1667
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td{
1668
- @extend %feather-typography-feather-body-small;
1669
- color: $feather-feather-secondary-text-on-surface;
1670
-
1671
1631
  }
1672
1632
  .k-chip.k-chip-outline.k-chip-outline-base{
1673
1633
  color: $feather-feather-secondary-text-on-surface;
@@ -2234,14 +2194,6 @@
2234
2194
  background-color: initial;
2235
2195
  background-image: none;
2236
2196
 
2237
- }
2238
- .k-numerictextbox.k-input{
2239
- height: $feather-feather-container-height-lg;
2240
- background-image: none;
2241
- transition-property: all;
2242
- transition-duration: 280ms;
2243
- transition-timing-function: ease-out;
2244
-
2245
2197
  }
2246
2198
  .k-numerictextbox.k-input.k-input-solid{
2247
2199
  border-bottom-color: $feather-kendo-input-border;
@@ -2251,20 +2203,18 @@
2251
2203
  background-color: initial;
2252
2204
 
2253
2205
  }
2254
- .k-maskedtextbox.k-input{
2255
- height: $feather-feather-container-height-lg;
2256
- background-image: none;
2206
+ .k-numerictextbox.k-input{
2207
+ background-image: none;
2257
2208
  transition-property: all;
2258
2209
  transition-duration: 280ms;
2259
2210
  transition-timing-function: ease-out;
2211
+ height: $feather-feather-container-height-lg;
2260
2212
 
2261
2213
  }
2262
- .k-maskedtextbox.k-input.k-input-solid{
2263
- border-bottom-color: currentcolor;
2264
- border-left-color: currentcolor;
2265
- border-right-color: currentcolor;
2266
- border-top-color: currentcolor;
2267
- background-color: initial;
2214
+ .k-maskedtextbox.k-input{
2215
+ transition-property: all;
2216
+ transition-duration: 280ms;
2217
+ transition-timing-function: ease-out;
2268
2218
 
2269
2219
  }
2270
2220
  .k-dateinput.k-input{
@@ -2444,31 +2394,10 @@
2444
2394
  }
2445
2395
  .k-datetimepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
2446
2396
  align-items: center;
2447
- height: 100%;
2448
- width: $feather-feather-container-height-lg;
2449
2397
  color: $feather-feather-icon-on-neutral;
2450
-
2451
- }
2452
- .k-calendar .k-calendar-view .k-calendar-header{
2453
- padding-top: 0.25rem;
2454
- padding-bottom: 12px;
2455
-
2456
- }
2457
- .k-calendar .k-calendar-view .k-content.k-scrollable{
2458
- background-color: $feather-feather-surface;
2459
- background-image: none;
2460
-
2461
- }
2462
- .k-calendar .k-calendar-view.k-calendar-monthview .k-calendar-table.k-calendar-weekdays .k-calendar-thead .k-calendar-tr .k-calendar-th{
2463
- width: 40px;
2464
- height: 40px;
2465
-
2466
- }
2467
- .k-calendar{
2468
- border-bottom-left-radius: $feather-feather-border-radius-m;
2469
- border-bottom-right-radius: $feather-feather-border-radius-m;
2470
- border-top-left-radius: $feather-feather-border-radius-m;
2471
- border-top-right-radius: $feather-feather-border-radius-m;
2398
+ height: 100%;
2399
+ aspect-ratio: 1/1;
2400
+ width: unset;
2472
2401
 
2473
2402
  }
2474
2403
  .k-dropdownlist .k-input-inner .k-input-value-text{
@@ -2683,14 +2612,7 @@
2683
2612
  }
2684
2613
  .k-textbox.k-input.k-hover,.k-textbox.k-input.k-state-hover,.k-textbox.k-input.k-state-hovered,.k-textbox.k-input:hover{
2685
2614
  @extend %feather-effects-feather-input-hover-on-surface;
2686
- color: $feather-feather-primary-text-on-surface;
2687
-
2688
- }
2689
- .k-textbox.k-input.k-hover.k-input-solid,.k-textbox.k-input.k-state-hover.k-input-solid,.k-textbox.k-input.k-state-hovered.k-input-solid,.k-textbox.k-input.k-input-solid:hover{
2690
- border-bottom-color: currentcolor;
2691
- border-left-color: currentcolor;
2692
- border-right-color: currentcolor;
2693
- border-top-color: currentcolor;
2615
+ color: unset;
2694
2616
 
2695
2617
  }
2696
2618
  .k-numerictextbox.k-input .k-input-inner{
@@ -3471,8 +3393,7 @@
3471
3393
 
3472
3394
  }
3473
3395
  input{
3474
- height: 40px;
3475
- padding-left: 16px;
3396
+ padding-left: 16px;
3476
3397
  padding-top: 0px;
3477
3398
  padding-right: 16px;
3478
3399
 
@@ -3531,24 +3452,17 @@
3531
3452
  .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-grid-column-menu.k-grid-header-menu::before,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-grid-column-menu.k-grid-header-menu::before{
3532
3453
  visibility: visible;
3533
3454
 
3534
- }
3535
- .k-input.k-input-solid{
3536
- background-color: initial;
3537
-
3538
3455
  }
3539
3456
  .k-input{
3540
- background-image: none;
3541
- transition-property: all;
3457
+ transition-property: all;
3542
3458
  transition-duration: 280ms;
3543
3459
  transition-timing-function: ease-out;
3544
- outline-style: none;
3460
+ height: $feather-feather-container-height-lg;
3461
+ background-image: none;
3545
3462
 
3546
3463
  }
3547
- .k-input.k-rounded-md{
3548
- border-bottom-left-radius: $feather-feather-border-radius;
3549
- border-bottom-right-radius: $feather-feather-border-radius;
3550
- border-top-left-radius: $feather-feather-border-radius;
3551
- border-top-right-radius: $feather-feather-border-radius;
3464
+ .k-input.k-input-solid{
3465
+ background-color: initial;
3552
3466
 
3553
3467
  }
3554
3468
  .k-floating-label-container.k-empty .k-floating-label{
@@ -4496,19 +4410,16 @@
4496
4410
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:hover{
4497
4411
  background-color: initial;
4498
4412
  background-image: $feather-feather-hover-on-surface-gradient;
4499
- color: currentcolor;
4500
4413
 
4501
4414
  }
4502
4415
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover{
4503
4416
  background-color: initial;
4504
4417
  background-image: $feather-feather-hover-on-surface-gradient;
4505
- color: currentcolor;
4506
4418
 
4507
4419
  }
4508
4420
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:hover{
4509
4421
  background-color: initial;
4510
4422
  background-image: $feather-feather-hover-on-surface-gradient;
4511
- color: currentcolor;
4512
4423
 
4513
4424
  }
4514
4425
  .k-autocomplete.k-input .k-input-inner::placeholder{
@@ -4683,19 +4594,6 @@
4683
4594
  border-top-left-radius: $feather-feather-border-radius;
4684
4595
  border-top-right-radius: $feather-feather-border-radius;
4685
4596
 
4686
- }
4687
- .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
4688
- width: 2.5rem;
4689
-
4690
- }
4691
- .k-calendar .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today{
4692
- color: k-color( primary );
4693
-
4694
- }
4695
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td{
4696
- width: 2.5rem;
4697
- height: 2.5rem;
4698
-
4699
4597
  }
4700
4598
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:focus{
4701
4599
  color: currentcolor;
@@ -4711,18 +4609,6 @@
4711
4609
  .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-selected{
4712
4610
  color: $feather-kendo-calendar-cell-selected-text;
4713
4611
 
4714
- }
4715
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:hover .k-link{
4716
- color: inherit;
4717
-
4718
- }
4719
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover .k-link{
4720
- color: inherit;
4721
-
4722
- }
4723
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:hover .k-link{
4724
- color: inherit;
4725
-
4726
4612
  }
4727
4613
  .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:hover .k-link{
4728
4614
  color: currentcolor;
@@ -4895,12 +4781,12 @@
4895
4781
 
4896
4782
  }
4897
4783
  .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-clear-value{
4898
- width: $feather-feather-container-height-sm;
4899
- height: $feather-feather-container-height-sm;
4900
- border-bottom-left-radius: $feather-feather-border-radius-full;
4784
+ border-bottom-left-radius: $feather-feather-border-radius-full;
4901
4785
  border-bottom-right-radius: $feather-feather-border-radius-full;
4902
4786
  border-top-left-radius: $feather-feather-border-radius-full;
4903
4787
  border-top-right-radius: $feather-feather-border-radius-full;
4788
+ width: $feather-feather-container-height-sm;
4789
+ height: $feather-feather-container-height-sm;
4904
4790
 
4905
4791
  }
4906
4792
  .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button{
@@ -4937,10 +4823,6 @@
4937
4823
  .k-dateinput.k-input.k-invalid .k-input-inner,.k-dateinput.k-input.ng-invalid.ng-touched .k-input-inner,.k-dateinput.k-input.ng-invalid.ng-dirty .k-input-inner{
4938
4824
  color: $feather-kendo-component-text;
4939
4825
 
4940
- }
4941
- .k-textbox.k-input .k-input-inner::placeholder{
4942
- color: inherit;
4943
-
4944
4826
  }
4945
4827
  .k-numerictextbox.k-input .k-input-inner::placeholder{
4946
4828
  color: inherit;
@@ -5087,11 +4969,6 @@
5087
4969
  .k-datetimepicker.k-input .k-input-inner{
5088
4970
  color: $feather-kendo-input-text;
5089
4971
 
5090
- }
5091
- .k-calendar .k-calendar-navigation .k-content .k-reset >li{
5092
- display: flex;
5093
- flex-direction: row;
5094
-
5095
4972
  }
5096
4973
  .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
5097
4974
  display: flex;
@@ -5165,23 +5042,73 @@
5165
5042
  background-image: $feather-feather-focused-on-surface-gradient;
5166
5043
 
5167
5044
  }
5168
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-today{
5169
- color: $feather-kendo-calendar-today-color;
5045
+ .k-calendar .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today{
5046
+ color: k-color( primary );
5047
+
5048
+ }
5049
+ .k-calendar .k-calendar-navigation .k-content .k-reset >li{
5050
+ display: flex;
5051
+ align-items: start;
5052
+
5053
+ }
5054
+ .k-calendar{
5055
+ border-bottom-left-radius: $feather-feather-border-radius-m;
5056
+ border-bottom-right-radius: $feather-feather-border-radius-m;
5057
+ border-top-left-radius: $feather-feather-border-radius-m;
5058
+ border-top-right-radius: $feather-feather-border-radius-m;
5059
+
5060
+ }
5061
+ .k-calendar.k-calendar-range .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-icon-button.k-calendar-nav-prev{
5062
+ color: k-color( primary );
5063
+
5064
+ }
5065
+ .k-calendar.k-calendar-range .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-icon-button.k-calendar-nav-next{
5066
+ color: k-color( primary );
5067
+
5068
+ }
5069
+ .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td .k-link{
5070
+ padding-bottom: 0.5rem;
5071
+ padding-left: 0.5rem;
5072
+ padding-right: 0.5rem;
5073
+ padding-top: 0.5rem;
5074
+
5075
+ }
5076
+ .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:disabled{
5077
+ background-color: initial;
5078
+ background-image: none;
5079
+ color: $feather-feather-disabled-text-on-surface;
5080
+ opacity: 100%;
5081
+
5082
+ }
5083
+ .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:disabled{
5084
+ background-color: initial;
5085
+ background-image: none;
5086
+ color: $feather-feather-disabled-text-on-surface;
5087
+ opacity: 100%;
5088
+
5089
+ }
5090
+ .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:disabled{
5091
+ background-color: initial;
5092
+ background-image: none;
5093
+ color: $feather-feather-disabled-text-on-surface;
5094
+ opacity: 100%;
5170
5095
 
5171
5096
  }
5172
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-today{
5173
- color: $feather-kendo-calendar-today-color;
5097
+ .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
5098
+ width: 2.5rem;
5099
+ height: 2.5rem;
5174
5100
 
5175
5101
  }
5176
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-today{
5177
- color: $feather-kendo-calendar-today-color;
5102
+ .k-calendar .k-calendar-view.k-calendar-monthview .k-calendar-table.k-calendar-weekdays .k-calendar-thead .k-calendar-tr .k-calendar-th{
5103
+ width: 2.5rem;
5104
+ height: 2.5rem;
5178
5105
 
5179
5106
  }
5180
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td .k-link{
5181
- font-weight: 400;
5107
+ .k-textbox.k-input.k-focus .k-input-inner,.k-textbox.k-input.k-state-focus .k-input-inner,.k-textbox.k-input.k-state-focused .k-input-inner,.k-textbox.k-input:focus .k-input-inner{
5108
+ color: $feather-kendo-component-text;
5182
5109
 
5183
5110
  }
5184
- .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td .k-link{
5185
- font-weight: 400;
5111
+ .k-textbox.k-input.k-invalid .k-input-inner,.k-textbox.k-input.ng-invalid.ng-touched .k-input-inner,.k-textbox.k-input.ng-invalid.ng-dirty .k-input-inner{
5112
+ color: $feather-kendo-component-text;
5186
5113
 
5187
5114
  }
package/dist/v8.2.0/scss/_tokens.scss CHANGED
@@ -279,7 +279,6 @@ $feather-kendo-button-selected-border: $feather-feather-primary;
279
279
  $feather-kendo-component-bg: $feather-feather-surface;
280
280
  $feather-kendo-calendar-bg: $feather-kendo-component-bg;
281
281
  $feather-subtle: $feather-feather-icon-on-neutral;
282
- $feather-kendo-calendar-today-color: $feather-primary;
283
282
  $feather-kendo-calendar-cell-selected-text: $feather-on-primary;
284
283
  $feather-kendo-calendar-navigation-text: $feather-feather-border-light-on-surface;
285
284
  $feather-kendo-checkbox-border: $feather-feather-secondary-text-on-surface;
@@ -474,7 +473,6 @@ $kendo-button-selected-text: $feather-kendo-button-selected-text;
474
473
  $kendo-button-selected-border: $feather-kendo-button-selected-border;
475
474
  $kendo-component-bg: $feather-kendo-component-bg;
476
475
  $kendo-calendar-bg: $feather-kendo-calendar-bg;
477
- $kendo-calendar-today-color: $feather-kendo-calendar-today-color;
478
476
  $kendo-calendar-cell-selected-text: $feather-kendo-calendar-cell-selected-text;
479
477
  $kendo-calendar-navigation-text: $feather-kendo-calendar-navigation-text;
480
478
  $kendo-checkbox-border: $feather-kendo-checkbox-border;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@featherk/styles",
3
- "version": "0.4.12",
3
+ "version": "0.5.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"