@featherk/styles 0.6.4 → 0.6.5

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.
@@ -162,7 +162,7 @@
162
162
  --kendo-color-dark-emphasis: #666666;
163
163
  --kendo-color-dark-on-subtle: #1f1f1f;
164
164
  --kendo-color-on-dark: #ffffff;
165
- --kendo-color-dark-on-surface: #141414;
165
+ --kendo-color-dark-on-surface: rgba(10, 12, 27, 0.6);
166
166
  --kendo-color-inverse-subtle: #c2c2c2;
167
167
  --kendo-color-inverse-subtle-hover: #adadad;
168
168
  --kendo-color-inverse-subtle-active: #999999;
@@ -26814,7 +26814,7 @@ kendo-badge-container {
26814
26814
  .k-button-outline-dark {
26815
26815
  box-shadow: none;
26816
26816
  border-color: currentColor;
26817
- color: var(--kendo-color-dark-on-surface, #141414);
26817
+ color: var(--kendo-color-dark-on-surface, rgba(10, 12, 27, 0.6));
26818
26818
  background-color: rgba(0, 0, 0, 0);
26819
26819
  }
26820
26820
  .k-button-outline-dark:hover,
@@ -26949,7 +26949,7 @@ kendo-badge-container {
26949
26949
  color: var(--kendo-color-error-on-surface, rgb(123.75, 1.5, 23.25));
26950
26950
  }
26951
26951
  .k-button-flat-dark {
26952
- color: var(--kendo-color-dark-on-surface, #141414);
26952
+ color: var(--kendo-color-dark-on-surface, rgba(10, 12, 27, 0.6));
26953
26953
  }
26954
26954
  .k-button-flat-light {
26955
26955
  color: var(--kendo-color-light-on-surface, #e0e0e0);
@@ -27248,7 +27248,7 @@ kendo-badge-container {
27248
27248
  display: block;
27249
27249
  }
27250
27250
  .k-button-clear-dark {
27251
- color: var(--kendo-color-dark-on-surface, #141414);
27251
+ color: var(--kendo-color-dark-on-surface, rgba(10, 12, 27, 0.6));
27252
27252
  }
27253
27253
  .k-button-clear-dark:focus::after,
27254
27254
  .k-button-clear-dark.k-focus::after,
@@ -47373,41 +47373,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47373
47373
  .k-expander-header:focus-visible {
47374
47374
  box-shadow: inset 0px 0px 0px 2px #195bb5;
47375
47375
  }
47376
- .fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
47377
- position: relative;
47378
- }
47379
- .fk-menu
47380
- .k-menu.k-menu-horizontal
47381
- > .k-item.k-menu-item.fk-separator-prefix::before,
47382
- .fk-menu
47383
- .k-menu.k-menu-horizontal
47384
- > .k-item.k-menu-item.fk-separator-suffix::after {
47385
- content: "";
47386
- position: absolute;
47387
- top: 0;
47388
- bottom: 0;
47389
- background: var(--kendo-color-border);
47390
- width: 1px;
47391
- margin: 0 -1px;
47392
- pointer-events: none;
47393
- }
47394
- .fk-menu
47395
- .k-menu.k-menu-vertical
47396
- > .k-item.k-menu-item.fk-separator-prefix::before,
47397
- .fk-menu
47398
- .k-menu.k-menu-vertical
47399
- > .k-item.k-menu-item.fk-separator-suffix::after {
47400
- content: "";
47401
- background: var(--kendo-color-border);
47402
- height: 1px;
47403
- margin: -1px 0;
47404
- pointer-events: none;
47405
- }
47406
- .fk-menu .k-menu-vertical,
47407
- .fk-menu .k-menu-horizontal {
47408
- width: -moz-fit-content;
47409
- width: fit-content;
47410
- }
47411
47376
  .k-icon-wrap::before,
47412
47377
  .k-checkbox-wrap::before,
47413
47378
  .k-list-optionlabel::before,
@@ -47428,6 +47393,14 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47428
47393
  .k-gantt-tasks td::after {
47429
47394
  content: "";
47430
47395
  }
47396
+ .fk-daterangepicker .k-maskedtextbox {
47397
+ width: 16rem;
47398
+ min-width: 16rem;
47399
+ }
47400
+ .fk-daterangepicker .k-maskedtextbox:has(.k-clear-value) {
47401
+ width: 18rem;
47402
+ min-width: 18rem;
47403
+ }
47431
47404
  .fk-daterangepicker .k-input-suffix,
47432
47405
  .fk-daterangepicker .k-input-prefix {
47433
47406
  cursor: pointer;
@@ -47502,6 +47475,53 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47502
47475
  border: 0;
47503
47476
  outline: 0;
47504
47477
  }
47478
+ .fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
47479
+ position: relative;
47480
+ }
47481
+ .fk-menu
47482
+ .k-menu.k-menu-horizontal
47483
+ > .k-item.k-menu-item.fk-separator-prefix::before,
47484
+ .fk-menu
47485
+ .k-menu.k-menu-horizontal
47486
+ > .k-item.k-menu-item.fk-separator-suffix::after {
47487
+ content: "";
47488
+ position: absolute;
47489
+ top: 0;
47490
+ background: var(--kendo-color-border);
47491
+ width: 1px;
47492
+ margin: 0 -1px;
47493
+ pointer-events: none;
47494
+ }
47495
+ .fk-menu
47496
+ .k-menu.k-menu-horizontal
47497
+ > .k-item.k-menu-item.fk-separator-prefix::before {
47498
+ left: 0;
47499
+ }
47500
+ .fk-menu
47501
+ .k-menu.k-menu-horizontal
47502
+ > .k-item.k-menu-item.fk-separator-suffix::after {
47503
+ right: 0;
47504
+ }
47505
+ .fk-menu
47506
+ .k-menu.k-menu-vertical
47507
+ > .k-item.k-menu-item.fk-separator-prefix::before,
47508
+ .fk-menu
47509
+ .k-menu.k-menu-vertical
47510
+ > .k-item.k-menu-item.fk-separator-suffix::after {
47511
+ content: "";
47512
+ background: var(--kendo-color-border);
47513
+ height: 1px;
47514
+ margin: -1px 0;
47515
+ pointer-events: none;
47516
+ }
47517
+ .fk-menu .k-menu-vertical,
47518
+ .fk-menu .k-menu-horizontal {
47519
+ width: -moz-fit-content;
47520
+ width: fit-content;
47521
+ }
47522
+ .tb-v8_2_0 {
47523
+ font-family: "Inter";
47524
+ }
47505
47525
  .k-tabstrip .k-tabstrip-content.k-active,
47506
47526
  .k-tabstrip .k-tabstrip-content.k-state-active,
47507
47527
  .k-tabstrip .k-tabstrip-content:active {
@@ -47510,14 +47530,14 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47510
47530
  font-weight: 500;
47511
47531
  line-height: 1.4285714286;
47512
47532
  }
47513
- h1 {
47533
+ h1,
47534
+ h1:hover {
47514
47535
  font-family: Inter;
47515
47536
  font-size: 1.5rem;
47516
47537
  font-weight: 700;
47517
47538
  line-height: 1.2857142857;
47518
47539
  letter-spacing: unset;
47519
47540
  }
47520
- h2.fk-heading2,
47521
47541
  .k-popup.k-timepicker-popup .k-timeselector .k-time-header .k-title,
47522
47542
  h2 {
47523
47543
  font-family: Inter;
@@ -47525,7 +47545,7 @@ h2 {
47525
47545
  font-weight: 400;
47526
47546
  line-height: 1.5;
47527
47547
  }
47528
- h3.fk-heading3,
47548
+ h3,
47529
47549
  .k-card .k-card-header .k-card-title {
47530
47550
  font-family: Inter;
47531
47551
  font-size: 1.1875rem;
@@ -47533,20 +47553,12 @@ h3.fk-heading3,
47533
47553
  line-height: 1.4736842105;
47534
47554
  letter-spacing: 0em;
47535
47555
  }
47536
- h4.fk-heading4,
47537
47556
  h4 {
47538
47557
  font-family: Inter;
47539
47558
  font-size: 1rem;
47540
47559
  font-weight: 400;
47541
47560
  line-height: 1.5;
47542
47561
  }
47543
- h5.fk-heading5 {
47544
- font-family: Inter;
47545
- font-size: 0.875rem;
47546
- font-weight: 700;
47547
- line-height: 1.5;
47548
- letter-spacing: 0.02em;
47549
- }
47550
47562
  h6 {
47551
47563
  font-family: Inter;
47552
47564
  font-size: 0.8125rem;
@@ -47563,6 +47575,7 @@ h6 {
47563
47575
  font-weight: 400;
47564
47576
  line-height: 1.5;
47565
47577
  }
47578
+ .fk-container,
47566
47579
  .k-card .k-card-body > p,
47567
47580
  .k-floating-label-container.k-empty .k-floating-label,
47568
47581
  .k-menu-popup
@@ -56961,3 +56974,20 @@ div.fk-container {
56961
56974
  flex-direction: column;
56962
56975
  row-gap: 0.75rem;
56963
56976
  }
56977
+ p {
56978
+ font-family: Inter;
56979
+ }
56980
+ .fk-container .fk-container-actions {
56981
+ justify-content: end;
56982
+ display: inline-flex;
56983
+ }
56984
+ .fk-container .fk-container-content {
56985
+ display: flex;
56986
+ }
56987
+ .fk-container .fk-container-heading-section {
56988
+ height: auto;
56989
+ display: flex;
56990
+ flex-direction: column;
56991
+ justify-content: space-around;
56992
+ align-items: stretch;
56993
+ }