@fkui/design 6.36.1 → 6.38.0

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 (19) hide show
  1. package/lib/fkui.css +301 -148
  2. package/lib/fkui.min.css +1 -1
  3. package/package.json +7 -7
  4. package/src/components/checkbox/_checkbox.scss +1 -0
  5. package/src/components/expandable-paragraph/_expandable-paragraph.scss +1 -0
  6. package/src/components/icon/_icon-stack.scss +170 -0
  7. package/src/components/icon/_icon.scss +0 -118
  8. package/src/components/icon/_index.scss +1 -0
  9. package/src/components/offline/_offline.scss +1 -0
  10. package/src/components/page-header/_page-header.scss +2 -3
  11. package/src/components/page-header/_variables.scss +2 -3
  12. package/src/components/paginator/_paginator.scss +4 -1
  13. package/src/components/radio-button/_radio-button.scss +2 -0
  14. package/src/components/table-ng/_cell.scss +92 -43
  15. package/src/components/table-ng/_column.scss +1 -0
  16. package/src/components/table-ng/_table-ng.scss +8 -1
  17. package/src/components/table-ng/_variables.scss +11 -0
  18. package/src/components/text-field/_text-field.scss +4 -0
  19. package/src/internal-components/popup-error/_popup-error.scss +16 -2
package/src/components/table-ng/_column.scss CHANGED
@@ -25,6 +25,7 @@ $horizontal-padding: size.$padding-050;
25
25
  height: var(--f-icon-size-medium);
26
26
  width: var(--f-icon-size-medium);
27
27
  vertical-align: middle;
28
+ accent-color: $table-ng-button-primary-color-background-default;
28
29
  }
29
30
  }
30
31
 
package/src/components/table-ng/_table-ng.scss CHANGED
@@ -18,7 +18,7 @@ $table-ng-description-background: transparent !default;
18
18
  $table-ng-description-font-weight: var(--f-font-weight-normal) !default;
19
19
 
20
20
  .table-ng {
21
- border-collapse: separate;
21
+ border-collapse: collapse;
22
22
  border-spacing: 0;
23
23
  font-size: $table-ng-font-size;
24
24
  margin: $table-ng-margin;
@@ -79,4 +79,11 @@ $table-ng-description-font-weight: var(--f-font-weight-normal) !default;
79
79
  color: $table-ng-row-foreground;
80
80
  }
81
81
  }
82
+
83
+ &--divided {
84
+ tbody > tr > td,
85
+ tbody > tr > th {
86
+ border-bottom: 1px solid $table-ng-cell-color-border;
87
+ }
88
+ }
82
89
  }
package/src/components/table-ng/_variables.scss CHANGED
@@ -16,3 +16,14 @@ $table-ng-row-separator: 1px solid var(--fkds-color-border-primary) !default;
16
16
  // Column
17
17
  $table-ng-color-icon-sort-selected: var(--fkds-color-text-primary) !default;
18
18
  $table-ng-color-icon-sort-default: var(--fkds-color-text-secondary) !default;
19
+
20
+ // Cell
21
+ $table-ng-cell-color-hover-background: var(--fkds-color-action-background-secondary-hover) !default;
22
+ $table-ng-button-primary-color-background-default: var(--fkds-color-action-background-primary-default) !default;
23
+ $table-ng-button-primary-color-background-hover: var(--fkds-color-action-background-primary-hover) !default;
24
+ $table-ng-cell-color-error: var(--fkds-color-feedback-text-negative) !default;
25
+ $table-ng-cell-color-outline: var(--fkds-color-text-primary) !default;
26
+ $table-ng-cell-color-underline: var(--fkds-color-border-strong) !default;
27
+ $table-ng-cell-color-border: var(--fkds-color-border-primary) !default;
28
+ $table-ng-cell-color-active-menu: var(--fkds-color-action-background-primary-active) !default;
29
+ $table-ng-cell-color-active-menu-text: var(--fkds-color-text-inverted) !default;
package/src/components/text-field/_text-field.scss CHANGED
@@ -27,6 +27,10 @@
27
27
  &__error-popup-icon {
28
28
  color: $textfield-color-icon-error;
29
29
  height: 16px;
30
+
31
+ @media (forced-colors: active) {
32
+ color: CanvasText;
33
+ }
30
34
  }
31
35
 
32
36
  &__input-wrapper {
package/src/internal-components/popup-error/_popup-error.scss CHANGED
@@ -71,14 +71,28 @@
71
71
  color: var(--fkds-color-feedback-text-negative);
72
72
  min-height: var(--f-icon-size-medium);
73
73
  min-width: var(--f-icon-size-medium);
74
+
75
+ @media (forced-colors: active) {
76
+ color: CanvasText;
77
+ }
74
78
  }
75
79
 
76
80
  .popup-error__button {
77
- margin: 0;
81
+ display: flex;
82
+ align-items: center;
83
+ justify-content: center;
78
84
  min-height: 24px;
79
85
  min-width: 24px;
80
86
  padding: 0;
81
- padding-left: 5px;
87
+ border: 1px solid transparent;
88
+ background-color: transparent;
89
+ }
90
+
91
+ @media (forced-colors: active) {
92
+ background: CanvasText;
93
+
94
+ --fkds-color-feedback-border-negative: CanvasText;
95
+ --fkds-color-feedback-background-negative: Canvas;
82
96
  }
83
97
  }
84
98