@koobiq/components 18.5.2 → 18.6.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 (112) hide show
  1. package/accordion/_accordion-theme.scss +3 -3
  2. package/alert/_alert-theme.scss +3 -3
  3. package/badge/_badge-theme.scss +8 -4
  4. package/badge/badge-tokens.scss +8 -0
  5. package/badge/badge.component.d.ts +1 -0
  6. package/button/_button-theme.scss +2 -2
  7. package/button/button-tokens.scss +3 -6
  8. package/button/button.scss +13 -8
  9. package/button-toggle/_button-toggle-theme.scss +1 -1
  10. package/checkbox/_checkbox-theme.scss +4 -4
  11. package/checkbox/checkbox-tokens.scss +4 -4
  12. package/code-block/_code-block-theme.scss +4 -4
  13. package/core/forms/_forms-theme.scss +1 -1
  14. package/core/option/_optgroup-theme.scss +2 -2
  15. package/core/option/_option-action-theme.scss +1 -1
  16. package/core/option/_option-theme.scss +2 -2
  17. package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +4 -4
  18. package/core/styles/theming/_theming.scss +2 -42
  19. package/core/styles/typography/_typography.scss +120 -159
  20. package/core/styles/visual/_layout.scss +1 -1
  21. package/datepicker/_datepicker-theme.scss +2 -2
  22. package/dl/_dl-theme.scss +2 -2
  23. package/dl/dl-tokens.scss +2 -2
  24. package/dropdown/_dropdown-theme.scss +8 -4
  25. package/empty-state/_empty-state-theme.scss +4 -4
  26. package/esm2022/badge/badge.component.mjs +4 -3
  27. package/esm2022/button/button.component.mjs +2 -2
  28. package/esm2022/checkbox/checkbox.mjs +2 -2
  29. package/esm2022/code-block/code-block.component.mjs +2 -2
  30. package/esm2022/core/option/action.mjs +2 -2
  31. package/esm2022/core/option/optgroup.mjs +2 -2
  32. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +2 -2
  33. package/esm2022/core/version.mjs +2 -2
  34. package/esm2022/dl/dl.component.mjs +2 -2
  35. package/esm2022/dropdown/dropdown.component.mjs +3 -3
  36. package/esm2022/icon/icon-button.component.mjs +2 -2
  37. package/esm2022/markdown/markdown.component.mjs +2 -2
  38. package/esm2022/select/select.component.mjs +3 -3
  39. package/esm2022/splitter/splitter.component.mjs +3 -3
  40. package/esm2022/timezone/timezone-select.component.mjs +2 -2
  41. package/esm2022/toast/toast.component.mjs +3 -3
  42. package/esm2022/toggle/toggle.component.mjs +3 -3
  43. package/esm2022/tree-select/tree-select.component.mjs +3 -3
  44. package/fesm2022/koobiq-components-badge.mjs +3 -2
  45. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  46. package/fesm2022/koobiq-components-button.mjs +2 -2
  47. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  48. package/fesm2022/koobiq-components-checkbox.mjs +2 -2
  49. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  50. package/fesm2022/koobiq-components-code-block.mjs +2 -2
  51. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  52. package/fesm2022/koobiq-components-core.mjs +7 -7
  53. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  54. package/fesm2022/koobiq-components-dl.mjs +2 -2
  55. package/fesm2022/koobiq-components-dropdown.mjs +2 -2
  56. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  57. package/fesm2022/koobiq-components-icon.mjs +2 -2
  58. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  59. package/fesm2022/koobiq-components-markdown.mjs +2 -2
  60. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  61. package/fesm2022/koobiq-components-select.mjs +2 -2
  62. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  63. package/fesm2022/koobiq-components-splitter.mjs +2 -2
  64. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  65. package/fesm2022/koobiq-components-timezone.mjs +2 -2
  66. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  67. package/fesm2022/koobiq-components-toast.mjs +2 -2
  68. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  69. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  70. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  71. package/fesm2022/koobiq-components-tree-select.mjs +2 -2
  72. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  73. package/file-upload/_file-upload-theme.scss +7 -7
  74. package/form-field/_form-field-theme.scss +2 -2
  75. package/form-field/_hint-theme.scss +2 -2
  76. package/icon/_icon-button-theme.scss +2 -2
  77. package/input/_input-theme.scss +2 -2
  78. package/link/_link-theme.scss +3 -3
  79. package/list/_list-theme.scss +2 -2
  80. package/loader-overlay/_loader-overlay-theme.scss +4 -4
  81. package/markdown/_markdown-theme.scss +9 -9
  82. package/markdown/markdown-tokens.scss +23 -23
  83. package/modal/_modal-theme.scss +2 -2
  84. package/navbar/_navbar-theme.scss +2 -2
  85. package/package.json +6 -6
  86. package/popover/_popover-theme.scss +2 -2
  87. package/prebuilt-themes/dark-theme.css +1 -1
  88. package/prebuilt-themes/light-theme.css +1 -1
  89. package/prebuilt-themes/theme.css +1 -1
  90. package/progress-bar/_progress-bar-theme.scss +2 -2
  91. package/progress-spinner/_progress-spinner-theme.scss +2 -2
  92. package/radio/_radio-theme.scss +4 -4
  93. package/risk-level/_risk-level-theme.scss +1 -1
  94. package/schematics/collection.json +5 -0
  95. package/schematics/migrations/css-selectors/data.js +65 -0
  96. package/schematics/migrations/css-selectors/index.js +103 -0
  97. package/schematics/migrations/css-selectors/schema.json +25 -0
  98. package/schematics/ng-add/index.js +4 -4
  99. package/select/_select-theme.scss +5 -5
  100. package/sidepanel/_sidepanel-theme.scss +2 -2
  101. package/splitter/_splitter-theme.scss +1 -1
  102. package/table/_table-theme.scss +2 -2
  103. package/tabs/_tabs-theme.scss +1 -1
  104. package/tags/_tag-theme.scss +2 -2
  105. package/textarea/_textarea-theme.scss +1 -1
  106. package/timezone/_timezone-option-theme.scss +4 -4
  107. package/toast/_toast-theme.scss +2 -2
  108. package/toast/toast.component.scss +6 -1
  109. package/toggle/_toggle-theme.scss +5 -5
  110. package/tooltip/_tooltip-theme.scss +2 -2
  111. package/tree/_tree-theme.scss +2 -2
  112. package/tree-select/_tree-select-theme.scss +3 -3
package/form-field/_form-field-theme.scss CHANGED
@@ -76,10 +76,10 @@
76
76
 
77
77
  @mixin kbq-form-field-typography() {
78
78
  .kbq-form-field {
79
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
79
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
80
80
  }
81
81
 
82
82
  .kbq-form-field__hint > .kbq-hint:not(.kbq-password-hint) .kbq-hint__text {
83
- @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
83
+ @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
84
84
  }
85
85
  }
package/form-field/_hint-theme.scss CHANGED
@@ -49,10 +49,10 @@
49
49
 
50
50
  @mixin kbq-hint-typography() {
51
51
  .kbq-hint .kbq-hint__text {
52
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal-medium);
52
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
53
53
  }
54
54
 
55
55
  .kbq-hint.kbq-hint_compact .kbq-hint__text {
56
- @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
56
+ @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
57
57
  }
58
58
  }
package/icon/_icon-button-theme.scss CHANGED
@@ -109,8 +109,8 @@
109
109
 
110
110
  &.cdk-keyboard-focused {
111
111
  box-shadow:
112
- inset 0 0 0.1px 1px var(--kbq-states-focused-color),
113
- 0 0 0.1px 1px var(--kbq-states-focused-color);
112
+ inset 0 0 0.1px 1px var(--kbq-states-line-focus-theme),
113
+ 0 0 0.1px 1px var(--kbq-states-line-focus-theme);
114
114
  }
115
115
  }
116
116
  }
package/input/_input-theme.scss CHANGED
@@ -3,10 +3,10 @@
3
3
  @mixin kbq-input-typography() {
4
4
  .kbq-input,
5
5
  .kbq-input.kbq-input-password::placeholder {
6
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
6
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
7
7
  }
8
8
 
9
9
  .kbq-input.kbq-input-password {
10
- @include kbq-typography-level-to-styles_css-variables(typography, mono-normal);
10
+ @include kbq-typography-level-to-styles-css-variables(typography, mono-normal);
11
11
  }
12
12
  }
package/link/_link-theme.scss CHANGED
@@ -147,7 +147,7 @@
147
147
 
148
148
  @mixin kbq-link-typography() {
149
149
  .kbq-link {
150
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
150
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
151
151
 
152
152
  & .kbq-icon {
153
153
  line-height: inherit;
@@ -156,10 +156,10 @@
156
156
  }
157
157
 
158
158
  .kbq-link.kbq-link_compact {
159
- @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
159
+ @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
160
160
  }
161
161
 
162
162
  .kbq-link.kbq-link_big {
163
- @include kbq-typography-level-to-styles_css-variables(typography, text-big);
163
+ @include kbq-typography-level-to-styles-css-variables(typography, text-big);
164
164
  }
165
165
  }
package/list/_list-theme.scss CHANGED
@@ -49,11 +49,11 @@
49
49
  @mixin kbq-list-typography() {
50
50
  .kbq-list-item,
51
51
  .kbq-list-option {
52
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
52
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
53
53
 
54
54
  .kbq-list-text {
55
55
  .kbq-list-option-caption {
56
- @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
56
+ @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
57
57
  }
58
58
  }
59
59
  }
package/loader-overlay/_loader-overlay-theme.scss CHANGED
@@ -34,21 +34,21 @@
34
34
  @mixin kbq-loader-overlay-typography() {
35
35
  .kbq-loader-overlay_big {
36
36
  & .kbq-loader-overlay-text {
37
- @include kbq-typography-level-to-styles_css-variables(typography, subheading);
37
+ @include kbq-typography-level-to-styles-css-variables(typography, subheading);
38
38
  }
39
39
 
40
40
  & .kbq-loader-overlay-caption {
41
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
41
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
42
42
  }
43
43
  }
44
44
 
45
45
  .kbq-loader-overlay_compact {
46
46
  & .kbq-loader-overlay-text {
47
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
47
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
48
48
  }
49
49
 
50
50
  & .kbq-loader-overlay-caption {
51
- @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
51
+ @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
52
52
  }
53
53
  }
54
54
  }
package/markdown/_markdown-theme.scss CHANGED
@@ -88,41 +88,41 @@
88
88
  // h1, h2, h3, h4, h5, h6
89
89
  @for $i from 1 through 6 {
90
90
  .kbq-markdown__h#{$i} {
91
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-h#{$i});
91
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-h#{$i});
92
92
  }
93
93
  }
94
94
 
95
95
  .kbq-markdown__p {
96
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-body);
96
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-body);
97
97
  }
98
98
 
99
99
  .kbq-markdown__ul,
100
100
  .kbq-markdown__ol {
101
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-body);
101
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-body);
102
102
  }
103
103
 
104
104
  .kbq-markdown__blockquote > .kbq-markdown__p {
105
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-body);
105
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-body);
106
106
  }
107
107
 
108
108
  .kbq-markdown__code {
109
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-body-mono);
109
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-body-mono);
110
110
  }
111
111
 
112
112
  .kbq-markdown__a {
113
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-body);
113
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-body);
114
114
  }
115
115
 
116
116
  .kbq-markdown__img + em {
117
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-caption);
117
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-caption);
118
118
  }
119
119
 
120
120
  .kbq-markdown__table > .kbq-markdown__thead {
121
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-table-header);
121
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-table-header);
122
122
  }
123
123
 
124
124
  .kbq-markdown__table > .kbq-markdown__tbody {
125
- @include kbq-typography-level-to-styles_css-variables(md-typography, md-table-cell);
125
+ @include kbq-typography-level-to-styles-css-variables(md-typography, md-table-cell);
126
126
  }
127
127
  }
128
128
  }
package/markdown/markdown-tokens.scss CHANGED
@@ -1,22 +1,22 @@
1
1
  .kbq-markdown {
2
2
  --kbq-markdown-h1-size-max-width: var(--kbq-markdown-size-max-width);
3
3
  --kbq-markdown-h1-size-margin-top: 0;
4
- --kbq-markdown-h1-size-margin-bottom: var(--kbq-size-m);
4
+ --kbq-markdown-h1-size-margin-bottom: var(--kbq-size-l);
5
5
  --kbq-markdown-h2-size-max-width: var(--kbq-markdown-size-max-width);
6
- --kbq-markdown-h2-size-margin-top: var(--kbq-size-3xl);
6
+ --kbq-markdown-h2-size-margin-top: var(--kbq-size-xxl);
7
7
  --kbq-markdown-h2-size-margin-bottom: var(--kbq-size-m);
8
8
  --kbq-markdown-h3-size-max-width: var(--kbq-markdown-size-max-width);
9
- --kbq-markdown-h3-size-margin-top: 28px;
9
+ --kbq-markdown-h3-size-margin-top: var(--kbq-size-xxl);
10
10
  --kbq-markdown-h3-size-margin-bottom: var(--kbq-size-m);
11
11
  --kbq-markdown-h4-size-max-width: var(--kbq-markdown-size-max-width);
12
12
  --kbq-markdown-h4-size-margin-top: var(--kbq-size-xxl);
13
13
  --kbq-markdown-h4-size-margin-bottom: var(--kbq-size-m);
14
14
  --kbq-markdown-h5-size-max-width: var(--kbq-markdown-size-max-width);
15
15
  --kbq-markdown-h5-size-margin-top: var(--kbq-size-xxl);
16
- --kbq-markdown-h5-size-margin-bottom: var(--kbq-size-m);
16
+ --kbq-markdown-h5-size-margin-bottom: var(--kbq-size-s);
17
17
  --kbq-markdown-h6-size-max-width: var(--kbq-markdown-size-max-width);
18
18
  --kbq-markdown-h6-size-margin-top: var(--kbq-size-xxl);
19
- --kbq-markdown-h6-size-margin-bottom: var(--kbq-size-m);
19
+ --kbq-markdown-h6-size-margin-bottom: var(--kbq-size-s);
20
20
  --kbq-markdown-p-size-max-width: var(--kbq-markdown-size-max-width);
21
21
  --kbq-markdown-p-size-margin-top: var(--kbq-size-m);
22
22
  --kbq-markdown-p-size-margin-bottom: var(--kbq-size-m);
@@ -26,34 +26,34 @@
26
26
  --kbq-markdown-list-size-margin-top-after-paragraph: calc(-1 * var(--kbq-size-s));
27
27
  --kbq-markdown-list-size-ol-number-padding-right: var(--kbq-size-xxs);
28
28
  --kbq-markdown-list-size-ul-padding: 0 0 0 var(--kbq-size-xxl);
29
- --kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-s);
29
+ --kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-xxs);
30
30
  --kbq-markdown-blockquote-size-max-width: var(--kbq-markdown-size-max-width);
31
- --kbq-markdown-blockquote-size-margin-top: var(--kbq-size-xl);
32
- --kbq-markdown-blockquote-size-margin-bottom: var(--kbq-size-xxl);
33
- --kbq-markdown-blockquote-size-padding: var(--kbq-size-m) var(--kbq-size-l);
31
+ --kbq-markdown-blockquote-size-margin-top: var(--kbq-size-m);
32
+ --kbq-markdown-blockquote-size-margin-bottom: var(--kbq-size-m);
33
+ --kbq-markdown-blockquote-size-padding: var(--kbq-size-3xs) var(--kbq-size-m);
34
34
  --kbq-markdown-blockquote-size-line-width: var(--kbq-size-xxs);
35
35
  --kbq-markdown-blockquote-size-border-radius: 0;
36
36
  --kbq-markdown-blockquote-size-border-width: 0;
37
37
  --kbq-markdown-code-size-max-width: var(--kbq-markdown-size-max-width);
38
- --kbq-markdown-code-size-multiline-margin-top: var(--kbq-size-s);
38
+ --kbq-markdown-code-size-multiline-margin-top: var(--kbq-size-m);
39
39
  --kbq-markdown-code-size-multiline-margin-bottom: var(--kbq-size-xxl);
40
40
  --kbq-markdown-code-size-inline-padding: 0 var(--kbq-size-xxs);
41
- --kbq-markdown-code-size-multiline-padding: 14px var(--kbq-size-xl);
41
+ --kbq-markdown-code-size-multiline-padding: var(--kbq-size-m) var(--kbq-size-l);
42
42
  --kbq-markdown-code-size-border-radius: var(--kbq-size-border-radius);
43
43
  --kbq-markdown-code-size-border-width: var(--kbq-size-border-width);
44
44
  --kbq-markdown-link-size-icon-margin: var(--kbq-link-size-normal-content-padding, var(--kbq-size-xxs));
45
45
  --kbq-markdown-link-size-state-focused-outline-offset: var(--kbq-link-size-state-focused-outline-offset);
46
46
  --kbq-markdown-link-size-state-focused-outline-width: var(--kbq-link-size-state-focused-outline-width);
47
47
  --kbq-markdown-image-size-max-width: var(--kbq-markdown-size-max-width);
48
- --kbq-markdown-image-size-margin-top: var(--kbq-size-s);
49
- --kbq-markdown-image-size-margin-bottom: var(--kbq-size-s);
48
+ --kbq-markdown-image-size-margin-top: var(--kbq-size-m);
49
+ --kbq-markdown-image-size-margin-bottom: var(--kbq-size-m);
50
50
  --kbq-markdown-image-size-caption-margin-top: calc(-1 * var(--kbq-size-s));
51
51
  --kbq-markdown-image-size-caption-margin-bottom: var(--kbq-size-xxl);
52
52
  --kbq-markdown-hr-size-width: 1px;
53
- --kbq-markdown-hr-size-margin-vertical: var(--kbq-size-l);
53
+ --kbq-markdown-hr-size-margin-vertical: var(--kbq-size-xxl);
54
54
  --kbq-markdown-table-size-border-width: var(--kbq-size-border-width);
55
55
  --kbq-markdown-table-size-padding: var(--kbq-size-s);
56
- --kbq-markdown-table-size-margin-bottom: var(--kbq-size-l);
56
+ --kbq-markdown-table-size-margin-bottom: var(--kbq-size-m);
57
57
  --kbq-markdown-size-max-width: 650px;
58
58
  }
59
59
 
@@ -67,11 +67,11 @@
67
67
  --kbq-markdown-p-color: var(--kbq-foreground-contrast);
68
68
  --kbq-markdown-list-color: var(--kbq-foreground-contrast);
69
69
  --kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);
70
- --kbq-markdown-blockquote-line: var(--kbq-foreground-border);
70
+ --kbq-markdown-blockquote-line: var(--kbq-line-contrast-less);
71
71
  --kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);
72
72
  --kbq-markdown-blockquote-border: transparent;
73
73
  --kbq-markdown-code-text: var(--kbq-foreground-contrast);
74
- --kbq-markdown-code-background: var(--kbq-background-background-less-contrast);
74
+ --kbq-markdown-code-background: var(--kbq-background-contrast-fade);
75
75
  --kbq-markdown-code-border: var(--kbq-line-contrast-less);
76
76
  --kbq-markdown-link-text: var(--kbq-link-text);
77
77
  --kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);
@@ -81,9 +81,9 @@
81
81
  --kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);
82
82
  --kbq-markdown-link-state-active: var(--kbq-link-state-active-text);
83
83
  --kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);
84
- --kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);
84
+ --kbq-markdown-image-caption-text: var(--kbq-foreground-contrast-secondary);
85
85
  --kbq-markdown-hr-color: var(--kbq-line-contrast-less);
86
- --kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);
86
+ --kbq-markdown-table-header: var(--kbq-foreground-contrast-secondary);
87
87
  --kbq-markdown-table-body: var(--kbq-foreground-contrast);
88
88
  --kbq-markdown-table-border: var(--kbq-line-contrast-less);
89
89
  }
@@ -98,11 +98,11 @@
98
98
  --kbq-markdown-p-color: var(--kbq-foreground-contrast);
99
99
  --kbq-markdown-list-color: var(--kbq-foreground-contrast);
100
100
  --kbq-markdown-blockquote-text: var(--kbq-foreground-contrast);
101
- --kbq-markdown-blockquote-line: var(--kbq-foreground-border);
101
+ --kbq-markdown-blockquote-line: var(--kbq-line-contrast-less);
102
102
  --kbq-markdown-blockquote-background: var(--kbq-background-contrast-fade);
103
103
  --kbq-markdown-blockquote-border: transparent;
104
104
  --kbq-markdown-code-text: var(--kbq-foreground-contrast);
105
- --kbq-markdown-code-background: var(--kbq-background-background-less-contrast);
105
+ --kbq-markdown-code-background: var(--kbq-background-contrast-fade);
106
106
  --kbq-markdown-code-border: var(--kbq-line-contrast-less);
107
107
  --kbq-markdown-link-text: var(--kbq-link-text);
108
108
  --kbq-markdown-link-border-bottom: var(--kbq-link-border-bottom);
@@ -112,9 +112,9 @@
112
112
  --kbq-markdown-link-state-hover-border-bottom: var(--kbq-link-state-hover-border-bottom);
113
113
  --kbq-markdown-link-state-active: var(--kbq-link-state-active-text);
114
114
  --kbq-markdown-link-state-focused-outline: var(--kbq-link-state-focused-outline);
115
- --kbq-markdown-image-caption-text: var(--kbq-foreground-text-less-contrast);
115
+ --kbq-markdown-image-caption-text: var(--kbq-foreground-contrast-secondary);
116
116
  --kbq-markdown-hr-color: var(--kbq-line-contrast-less);
117
- --kbq-markdown-table-header: var(--kbq-foreground-text-less-contrast);
117
+ --kbq-markdown-table-header: var(--kbq-foreground-contrast-secondary);
118
118
  --kbq-markdown-table-body: var(--kbq-foreground-contrast);
119
119
  --kbq-markdown-table-border: var(--kbq-line-contrast-less);
120
120
  }
package/modal/_modal-theme.scss CHANGED
@@ -35,10 +35,10 @@
35
35
 
36
36
  @mixin kbq-modal-typography() {
37
37
  .kbq-modal-title {
38
- @include kbq-typography-level-to-styles_css-variables(typography, title);
38
+ @include kbq-typography-level-to-styles-css-variables(typography, title);
39
39
  }
40
40
 
41
41
  .kbq-modal-body {
42
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
42
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
43
43
  }
44
44
  }
package/navbar/_navbar-theme.scss CHANGED
@@ -96,12 +96,12 @@ button {
96
96
 
97
97
  @mixin kbq-navbar-typography() {
98
98
  .kbq-navbar-title {
99
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal-medium);
99
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
100
100
  }
101
101
 
102
102
  .kbq-navbar-brand {
103
103
  .kbq-navbar-title {
104
- @include kbq-typography-level-to-styles_css-variables(typography, navbar-title);
104
+ @include kbq-typography-level-to-styles-css-variables(typography, navbar-title);
105
105
  }
106
106
  }
107
107
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koobiq/components",
3
- "version": "18.5.2",
3
+ "version": "18.6.0",
4
4
  "description": "koobiq",
5
5
  "repository": {
6
6
  "type": "git",
@@ -24,13 +24,13 @@
24
24
  "@angular/cdk": "^18.0.0",
25
25
  "@angular/core": "^18.0.0",
26
26
  "@angular/forms": "^18.0.0",
27
- "@koobiq/cdk": "18.5.2",
28
- "@koobiq/angular-moment-adapter": "18.5.2",
29
- "@koobiq/angular-luxon-adapter": "18.5.2",
27
+ "@koobiq/cdk": "18.6.0",
28
+ "@koobiq/angular-moment-adapter": "18.6.0",
29
+ "@koobiq/angular-luxon-adapter": "18.6.0",
30
30
  "@koobiq/date-formatter": "^3.1.3",
31
31
  "@koobiq/icons": "^9.0.0",
32
- "@koobiq/tokens-builder": "3.7.3",
33
- "@koobiq/design-tokens": "3.7.3",
32
+ "@koobiq/tokens-builder": "3.8.1",
33
+ "@koobiq/design-tokens": "3.8.1",
34
34
  "@radix-ng/primitives": "^0.14.0",
35
35
  "overlayscrollbars": "2.7.3",
36
36
  "ngx-highlightjs": "^10.0.0"
package/popover/_popover-theme.scss CHANGED
@@ -29,10 +29,10 @@
29
29
 
30
30
  @mixin kbq-popover-typography() {
31
31
  .kbq-popover__header {
32
- @include kbq-typography-level-to-styles_css-variables(typography, subheading);
32
+ @include kbq-typography-level-to-styles-css-variables(typography, subheading);
33
33
  }
34
34
 
35
35
  .kbq-popover__content {
36
- @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
36
+ @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
37
37
  }
38
38
  }