@featherk/styles 0.6.14 → 0.6.15

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.
@@ -1,4 +1,11 @@
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
+ }
2
9
  @font-face {
3
10
  font-family: Inter;
4
11
  src: url("../fonts/Inter-Light.woff2") format("woff2");
@@ -15,30 +22,30 @@
15
22
  }
16
23
  @font-face {
17
24
  font-family: Inter;
18
- src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
25
+ src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
19
26
  font-style: italic;
20
- font-weight: 300;
27
+ font-weight: 700;
21
28
  font-display: auto;
22
29
  }
23
30
  @font-face {
24
31
  font-family: Inter;
25
- src: url("../fonts/Inter-Italic.woff2") format("woff2");
32
+ src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
26
33
  font-style: italic;
27
- font-weight: 400;
34
+ font-weight: 500;
28
35
  font-display: auto;
29
36
  }
30
37
  @font-face {
31
38
  font-family: Inter;
32
- src: url("../fonts/Inter-Regular.woff2") format("woff2");
33
- font-style: normal;
34
- font-weight: 400;
39
+ src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
40
+ font-style: italic;
41
+ font-weight: 300;
35
42
  font-display: auto;
36
43
  }
37
44
  @font-face {
38
45
  font-family: Inter;
39
- src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
46
+ src: url("../fonts/Inter-Italic.woff2") format("woff2");
40
47
  font-style: italic;
41
- font-weight: 500;
48
+ font-weight: 400;
42
49
  font-display: auto;
43
50
  }
44
51
  @font-face {
@@ -48,13 +55,6 @@
48
55
  font-weight: 500;
49
56
  font-display: auto;
50
57
  }
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,24 +47195,6 @@ 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
- }
47216
47198
  .k-slider .k-tick {
47217
47199
  background-image: none;
47218
47200
  }
@@ -47232,46 +47214,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47232
47214
  0 0px 0px 2px var(--kendo-color-on-primary),
47233
47215
  0px 0px 0px 5px var(--kendo-color-primary);
47234
47216
  }
47235
- .k-grid .k-header .k-grid-header-menu.k-grid-column-menu {
47236
- background-color: rgba(0, 0, 0, 0);
47237
- color: rgba(0, 0, 0, 0);
47238
- }
47239
- .k-grid .k-header .k-grid-header-menu.k-grid-column-menu:hover {
47240
- background-color: #e9ecf7;
47241
- color: rgba(0, 0, 0, 0);
47242
- }
47243
- .fk-grid .k-table-th.active .k-link::after {
47244
- content: url('data:image/svg+xml;utf8,<svg id="b" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g id="c" data-name="Icons"><g><path d="M18.25,3.99l-5.58,6.39v6.29c0,.55-.45,1-1,1h-3.34c-.55,0-1-.45-1-1v-6.29L1.75,3.99c-.26-.29-.32-.71-.16-1.07.16-.36.52-.59.91-.59h15c.39,0,.75.23.91.59.16.36.1.78-.16,1.07Z" fill="rgb(0, 53 ,131)"/><rect width="20" height="20" fill="none"/></g></g></svg>');
47245
- position: sticky;
47246
- transform: translate(-0.875rem, 0.125rem);
47247
- scale: 0.625;
47248
- }
47249
- .fk-grid .k-table-th:not(.k-sorted) .k-cell-inner .k-link::after {
47250
- transform: translate(0, 0.125rem);
47251
- }
47252
- .fk-grid .k-table-th .k-link {
47253
- pointer-events: none;
47254
- }
47255
- .fk-grid .k-grid-header-menu.k-grid-column-menu {
47256
- position: absolute;
47257
- top: 0;
47258
- right: 0;
47259
- width: 100%;
47260
- opacity: 0;
47261
- pointer-events: none;
47262
- z-index: -1;
47263
- overflow: hidden;
47264
- }
47265
- .fk-grid .k-grid-header-wrap {
47266
- border-right: none !important;
47267
- }
47268
- .fk-grid .k-link {
47269
- border-right: none !important;
47270
- }
47271
- .fk-grid .k-sort-icon {
47272
- scale: 0.75;
47273
- max-height: 20px;
47274
- }
47275
47217
  .fk-loader-container {
47276
47218
  position: relative;
47277
47219
  display: inline-block;
@@ -47331,6 +47273,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47331
47273
  clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
47332
47274
  }
47333
47275
  }
47276
+ .k-animation-container:has(.k-tooltip) {
47277
+ white-space: overflow-wrap;
47278
+ background-color: var(--kendo-color-primary-hover);
47279
+ border-radius: 0.25rem;
47280
+ max-width: 50ch;
47281
+ }
47282
+ .k-animation-container:has(.k-tooltip) .k-tooltip {
47283
+ color: var(--kendo-color-light);
47284
+ padding: 0.5rem 1rem;
47285
+ font-size: 0.875rem;
47286
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
47287
+ }
47288
+ .k-animation-container:has(.k-tooltip) .k-callout {
47289
+ display: none;
47290
+ }
47291
+ .k-expander-header:focus-visible {
47292
+ box-shadow: inset 0px 0px 0px 2px #195bb5;
47293
+ }
47334
47294
  .tb-v8_2_0 {
47335
47295
  font-family: "Inter";
47336
47296
  }
@@ -47953,6 +47913,57 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47953
47913
  .fk-datepicker .k-disabled .k-icon {
47954
47914
  opacity: 0.5;
47955
47915
  }
47916
+ .k-grid .k-header .k-grid-header-menu.k-grid-column-menu {
47917
+ background-color: rgba(0, 0, 0, 0);
47918
+ color: rgba(0, 0, 0, 0);
47919
+ }
47920
+ .k-grid .k-header .k-grid-header-menu.k-grid-column-menu:hover {
47921
+ background-color: #e9ecf7;
47922
+ color: rgba(0, 0, 0, 0);
47923
+ }
47924
+ .fk-grid .k-table-th.active .k-link::after {
47925
+ content: url('data:image/svg+xml;utf8,<svg id="b" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g id="c" data-name="Icons"><g><path d="M18.25,3.99l-5.58,6.39v6.29c0,.55-.45,1-1,1h-3.34c-.55,0-1-.45-1-1v-6.29L1.75,3.99c-.26-.29-.32-.71-.16-1.07.16-.36.52-.59.91-.59h15c.39,0,.75.23.91.59.16.36.1.78-.16,1.07Z" fill="rgb(0, 53 ,131)"/><rect width="20" height="20" fill="none"/></g></g></svg>');
47926
+ position: sticky;
47927
+ transform: translate(-0.875rem, 0.125rem);
47928
+ scale: 0.625;
47929
+ }
47930
+ .fk-grid.k-grid
47931
+ .k-table
47932
+ .k-table-tbody
47933
+ .k-master-row.k-table-row.k-alt.k-table-alt-row:hover {
47934
+ background-color: color-mix(
47935
+ in srgb,
47936
+ var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7)) 11%,
47937
+ transparent
47938
+ );
47939
+ border-bottom-color: inherit;
47940
+ }
47941
+ .fk-grid .k-table-th:not(.k-sorted) .k-cell-inner .k-link::after {
47942
+ transform: translate(0, 0.125rem);
47943
+ }
47944
+ .fk-grid .k-table-th .k-link {
47945
+ pointer-events: none;
47946
+ }
47947
+ .fk-grid .k-grid-header-menu.k-grid-column-menu {
47948
+ position: absolute;
47949
+ top: 0;
47950
+ right: 0;
47951
+ width: 100%;
47952
+ opacity: 0;
47953
+ pointer-events: none;
47954
+ z-index: -1;
47955
+ overflow: hidden;
47956
+ }
47957
+ .fk-grid .k-grid-header-wrap {
47958
+ border-right: none !important;
47959
+ }
47960
+ .fk-grid .k-link {
47961
+ border-right: none !important;
47962
+ }
47963
+ .fk-grid .k-sort-icon {
47964
+ scale: 0.75;
47965
+ max-height: 20px;
47966
+ }
47956
47967
  .k-tabstrip .k-tabstrip-content.k-active,
47957
47968
  .k-tabstrip .k-tabstrip-content.k-state-active,
47958
47969
  .k-tabstrip .k-tabstrip-content:active {