@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.
- package/dist/v8.2.0/css/featherk-beautified.css +80 -50
- package/dist/v8.2.0/css/featherk.css +1 -1
- package/dist/v8.2.0/external-styles/featherk-overrides--k-datetime.css +8 -0
- package/dist/v8.2.0/external-styles/featherk-overrides--k-menu.css +8 -1
- package/dist/v8.2.0/external-styles/featherk-overrides--k-version.css +3 -0
- package/dist/v8.2.0/scss/_externalStyles.scss +5 -3
- package/dist/v8.2.0/scss/_overrides.scss +16 -20
- package/dist/v8.2.0/scss/_tokens.scss +2 -0
- package/dist/v8.2.0/scss/custom-components/_fk-container-with-heading.scss +22 -0
- package/dist/v8.2.0/scss/custom-components/index.scss +2 -0
- package/dist/v8.2.0/scss/index.scss +2 -1
- package/package.json +1 -1
|
@@ -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:
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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
|
+
}
|