@featherk/styles 0.6.12 → 0.6.13
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 +94 -80
- package/dist/v8.2.0/css/featherk.css +1 -1
- package/dist/v8.2.0/external-styles/featherk-overrides--k-checkbox.css +4 -0
- package/dist/v8.2.0/external-styles/featherk-overrides--k-popup-alert.css +14 -0
- package/dist/v8.2.0/scss/_externalStyles.scss +9 -7
- package/dist/v8.2.0/scss/_fonts.scss +17 -17
- package/dist/v8.2.0/scss/_overrides.scss +4 -4
- package/package.json +1 -1
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
/* Compatible with @progress/kendo-theme-default v.8.2.0 */
|
|
2
|
-
@font-face {
|
|
3
|
-
font-family: Inter;
|
|
4
|
-
src: url("../fonts/Inter-Regular.woff2") format("woff2");
|
|
5
|
-
font-style: normal;
|
|
6
|
-
font-weight: 400;
|
|
7
|
-
font-display: auto;
|
|
8
|
-
}
|
|
9
2
|
@font-face {
|
|
10
3
|
font-family: Inter;
|
|
11
4
|
src: url("../fonts/Inter-Light.woff2") format("woff2");
|
|
@@ -22,30 +15,30 @@
|
|
|
22
15
|
}
|
|
23
16
|
@font-face {
|
|
24
17
|
font-family: Inter;
|
|
25
|
-
src: url("../fonts/Inter-
|
|
18
|
+
src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
|
|
26
19
|
font-style: italic;
|
|
27
|
-
font-weight:
|
|
20
|
+
font-weight: 300;
|
|
28
21
|
font-display: auto;
|
|
29
22
|
}
|
|
30
23
|
@font-face {
|
|
31
24
|
font-family: Inter;
|
|
32
|
-
src: url("../fonts/Inter-
|
|
25
|
+
src: url("../fonts/Inter-Italic.woff2") format("woff2");
|
|
33
26
|
font-style: italic;
|
|
34
|
-
font-weight:
|
|
27
|
+
font-weight: 400;
|
|
35
28
|
font-display: auto;
|
|
36
29
|
}
|
|
37
30
|
@font-face {
|
|
38
31
|
font-family: Inter;
|
|
39
|
-
src: url("../fonts/Inter-
|
|
40
|
-
font-style:
|
|
41
|
-
font-weight:
|
|
32
|
+
src: url("../fonts/Inter-Regular.woff2") format("woff2");
|
|
33
|
+
font-style: normal;
|
|
34
|
+
font-weight: 400;
|
|
42
35
|
font-display: auto;
|
|
43
36
|
}
|
|
44
37
|
@font-face {
|
|
45
38
|
font-family: Inter;
|
|
46
|
-
src: url("../fonts/Inter-
|
|
39
|
+
src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
|
|
47
40
|
font-style: italic;
|
|
48
|
-
font-weight:
|
|
41
|
+
font-weight: 500;
|
|
49
42
|
font-display: auto;
|
|
50
43
|
}
|
|
51
44
|
@font-face {
|
|
@@ -55,6 +48,13 @@
|
|
|
55
48
|
font-weight: 500;
|
|
56
49
|
font-display: auto;
|
|
57
50
|
}
|
|
51
|
+
@font-face {
|
|
52
|
+
font-family: Inter;
|
|
53
|
+
src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
|
|
54
|
+
font-style: italic;
|
|
55
|
+
font-weight: 700;
|
|
56
|
+
font-display: auto;
|
|
57
|
+
}
|
|
58
58
|
:root {
|
|
59
59
|
--kendo-color-app-surface: rgb(252, 252, 255);
|
|
60
60
|
--kendo-color-on-app-surface: rgba(10, 12, 27, 0.7);
|
|
@@ -47195,6 +47195,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
|
|
|
47195
47195
|
--breakpoint-md: 600px;
|
|
47196
47196
|
--breakpoint-lg: 1440px;
|
|
47197
47197
|
}
|
|
47198
|
+
.k-animation-container:has(.k-tooltip) {
|
|
47199
|
+
white-space: overflow-wrap;
|
|
47200
|
+
background-color: var(--kendo-color-primary-hover);
|
|
47201
|
+
border-radius: 0.25rem;
|
|
47202
|
+
max-width: 50ch;
|
|
47203
|
+
}
|
|
47204
|
+
.k-animation-container:has(.k-tooltip) .k-tooltip {
|
|
47205
|
+
color: var(--kendo-color-light);
|
|
47206
|
+
padding: 0.5rem 1rem;
|
|
47207
|
+
font-size: 0.875rem;
|
|
47208
|
+
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
47209
|
+
}
|
|
47210
|
+
.k-animation-container:has(.k-tooltip) .k-callout {
|
|
47211
|
+
display: none;
|
|
47212
|
+
}
|
|
47213
|
+
.k-expander-header:focus-visible {
|
|
47214
|
+
box-shadow: inset 0px 0px 0px 2px #195bb5;
|
|
47215
|
+
}
|
|
47198
47216
|
.k-slider .k-tick {
|
|
47199
47217
|
background-image: none;
|
|
47200
47218
|
}
|
|
@@ -47313,66 +47331,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
|
|
|
47313
47331
|
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
|
|
47314
47332
|
}
|
|
47315
47333
|
}
|
|
47316
|
-
:is([class*="fk-popup-alert"]).k-animation-container .k-popup {
|
|
47317
|
-
box-shadow: none;
|
|
47318
|
-
border-radius: 0.25rem;
|
|
47319
|
-
}
|
|
47320
|
-
:is([class*="fk-popup-alert"]).k-animation-container .k-popup div {
|
|
47321
|
-
display: flex;
|
|
47322
|
-
flex-direction: row;
|
|
47323
|
-
align-items: center;
|
|
47324
|
-
gap: 1rem;
|
|
47325
|
-
color: var(--kendo-color-secondary-text);
|
|
47326
|
-
background-color: var(--kendo-color-surface);
|
|
47327
|
-
padding-block: 0.25rem;
|
|
47328
|
-
padding-inline: 1rem 0.5rem;
|
|
47329
|
-
border-radius: 0.25rem;
|
|
47330
|
-
border: 1px solid;
|
|
47331
|
-
border-color: var(--kendo-color-border);
|
|
47332
|
-
box-shadow: none;
|
|
47333
|
-
cursor: pointer;
|
|
47334
|
-
}
|
|
47335
|
-
:is([class*="fk-popup-alert"]).k-animation-container .k-popup div .k-icon {
|
|
47336
|
-
flex-shrink: 0;
|
|
47337
|
-
align-self: start;
|
|
47338
|
-
}
|
|
47339
|
-
.fk-popup-alert-info.k-animation-container .k-popup div {
|
|
47340
|
-
border-color: var(--kendo-color-info);
|
|
47341
|
-
color: var(--kendo-color-info);
|
|
47342
|
-
background-color: var(--kendo-color-info-subtle);
|
|
47343
|
-
}
|
|
47344
|
-
.fk-popup-alert-warning.k-animation-container .k-popup div {
|
|
47345
|
-
border-color: var(--kendo-color-warning);
|
|
47346
|
-
background-color: var(--kendo-color-warning-subtle);
|
|
47347
|
-
}
|
|
47348
|
-
.fk-popup-alert-error.k-animation-container .k-popup div {
|
|
47349
|
-
border-color: var(--kendo-color-error);
|
|
47350
|
-
color: var(--kendo-color-error);
|
|
47351
|
-
background-color: var(--kendo-color-error-subtle);
|
|
47352
|
-
}
|
|
47353
|
-
.fk-popup-alert-success.k-animation-container .k-popup div {
|
|
47354
|
-
border-color: var(--kendo-color-success);
|
|
47355
|
-
color: var(--kendo-color-success);
|
|
47356
|
-
background-color: var(--kendo-color-success-subtle);
|
|
47357
|
-
}
|
|
47358
|
-
.k-animation-container:has(.k-tooltip) {
|
|
47359
|
-
white-space: overflow-wrap;
|
|
47360
|
-
background-color: var(--kendo-color-primary-hover);
|
|
47361
|
-
border-radius: 0.25rem;
|
|
47362
|
-
max-width: 50ch;
|
|
47363
|
-
}
|
|
47364
|
-
.k-animation-container:has(.k-tooltip) .k-tooltip {
|
|
47365
|
-
color: var(--kendo-color-light);
|
|
47366
|
-
padding: 0.5rem 1rem;
|
|
47367
|
-
font-size: 0.875rem;
|
|
47368
|
-
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
47369
|
-
}
|
|
47370
|
-
.k-animation-container:has(.k-tooltip) .k-callout {
|
|
47371
|
-
display: none;
|
|
47372
|
-
}
|
|
47373
|
-
.k-expander-header:focus-visible {
|
|
47374
|
-
box-shadow: inset 0px 0px 0px 2px #195bb5;
|
|
47375
|
-
}
|
|
47376
47334
|
.tb-v8_2_0 {
|
|
47377
47335
|
font-family: "Inter";
|
|
47378
47336
|
}
|
|
@@ -47934,6 +47892,62 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
|
|
|
47934
47892
|
border-right-style: none;
|
|
47935
47893
|
border-top-style: none;
|
|
47936
47894
|
}
|
|
47895
|
+
:is([class*="fk-popup-alert"]).k-animation-container .k-popup {
|
|
47896
|
+
box-shadow: none;
|
|
47897
|
+
border-radius: 0.25rem;
|
|
47898
|
+
}
|
|
47899
|
+
:is([class*="fk-popup-alert"]).k-animation-container .k-popup div {
|
|
47900
|
+
display: flex;
|
|
47901
|
+
flex-direction: row;
|
|
47902
|
+
align-items: center;
|
|
47903
|
+
gap: 1rem;
|
|
47904
|
+
color: var(--kendo-color-secondary-text);
|
|
47905
|
+
background-color: var(--kendo-color-surface);
|
|
47906
|
+
padding-block: 0.25rem;
|
|
47907
|
+
padding-inline: 1rem 0.5rem;
|
|
47908
|
+
border-radius: 0.25rem;
|
|
47909
|
+
border: 1px solid;
|
|
47910
|
+
border-color: var(--kendo-color-border);
|
|
47911
|
+
box-shadow: none;
|
|
47912
|
+
cursor: pointer;
|
|
47913
|
+
}
|
|
47914
|
+
:is([class*="fk-popup-alert"]).k-animation-container .k-popup div .k-icon {
|
|
47915
|
+
flex-shrink: 0;
|
|
47916
|
+
align-self: start;
|
|
47917
|
+
}
|
|
47918
|
+
.k-animation-container[class*="fk-popup-alert"] {
|
|
47919
|
+
inset: 0 !important;
|
|
47920
|
+
align-content: end;
|
|
47921
|
+
}
|
|
47922
|
+
.k-animation-container[class*="fk-popup-alert"]
|
|
47923
|
+
.k-popup
|
|
47924
|
+
.local-alert
|
|
47925
|
+
span:not(.k-icon) {
|
|
47926
|
+
justify-items: end;
|
|
47927
|
+
width: 100%;
|
|
47928
|
+
}
|
|
47929
|
+
.fk-popup-alert-info.k-animation-container .k-popup div {
|
|
47930
|
+
border-color: var(--kendo-color-info);
|
|
47931
|
+
color: var(--kendo-color-info);
|
|
47932
|
+
background-color: var(--kendo-color-info-subtle);
|
|
47933
|
+
}
|
|
47934
|
+
.fk-popup-alert-warning.k-animation-container .k-popup div {
|
|
47935
|
+
border-color: var(--kendo-color-warning);
|
|
47936
|
+
background-color: var(--kendo-color-warning-subtle);
|
|
47937
|
+
}
|
|
47938
|
+
.fk-popup-alert-error.k-animation-container .k-popup div {
|
|
47939
|
+
border-color: var(--kendo-color-error);
|
|
47940
|
+
color: var(--kendo-color-error);
|
|
47941
|
+
background-color: var(--kendo-color-error-subtle);
|
|
47942
|
+
}
|
|
47943
|
+
.fk-popup-alert-success.k-animation-container .k-popup div {
|
|
47944
|
+
border-color: var(--kendo-color-success);
|
|
47945
|
+
color: var(--kendo-color-success);
|
|
47946
|
+
background-color: var(--kendo-color-success-subtle);
|
|
47947
|
+
}
|
|
47948
|
+
.k-checkbox-wrap .k-checkbox {
|
|
47949
|
+
transition-duration: 50ms;
|
|
47950
|
+
}
|
|
47937
47951
|
.k-tabstrip .k-tabstrip-content.k-active,
|
|
47938
47952
|
.k-tabstrip .k-tabstrip-content.k-state-active,
|
|
47939
47953
|
.k-tabstrip .k-tabstrip-content:active {
|
|
@@ -51458,10 +51472,10 @@ h1 {
|
|
|
51458
51472
|
.k-maskedtextbox.k-input.k-state-disabled.k-input-solid,
|
|
51459
51473
|
.k-maskedtextbox.k-input:disabled.k-input-solid {
|
|
51460
51474
|
color: rgba(10, 12, 27, 0.4);
|
|
51461
|
-
border-bottom-color: rgba(10, 12, 27, 0.
|
|
51462
|
-
border-left-color: rgba(10, 12, 27, 0.
|
|
51463
|
-
border-right-color: rgba(10, 12, 27, 0.
|
|
51464
|
-
border-top-color: rgba(10, 12, 27, 0.
|
|
51475
|
+
border-bottom-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
|
|
51476
|
+
border-left-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
|
|
51477
|
+
border-right-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
|
|
51478
|
+
border-top-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
|
|
51465
51479
|
}
|
|
51466
51480
|
.k-numerictextbox.k-input
|
|
51467
51481
|
.k-input-spinner.k-spin-button
|