@koobiq/components 17.3.0 → 17.4.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 (42) hide show
  1. package/alert/alert.component.scss +6 -6
  2. package/code-block/_code-block-theme.scss +212 -212
  3. package/core/styles/theming/_theming.scss +1 -0
  4. package/datepicker/calendar-header.component.d.ts +1 -0
  5. package/esm2022/core/version.mjs +2 -2
  6. package/esm2022/datepicker/calendar-header.component.mjs +7 -3
  7. package/esm2022/form-field/stepper.mjs +2 -2
  8. package/esm2022/markdown/markdown.component.mjs +2 -2
  9. package/esm2022/modal/modal-ref.class.mjs +1 -1
  10. package/esm2022/modal/modal.service.mjs +4 -6
  11. package/esm2022/modal/modal.type.mjs +1 -1
  12. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  13. package/esm2022/popover/popover.component.mjs +58 -14
  14. package/esm2022/popover/popover.module.mjs +6 -4
  15. package/fesm2022/koobiq-components-core.mjs +1 -1
  16. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  17. package/fesm2022/koobiq-components-datepicker.mjs +6 -2
  18. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  19. package/fesm2022/koobiq-components-form-field.mjs +2 -2
  20. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  21. package/fesm2022/koobiq-components-markdown.mjs +2 -2
  22. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  23. package/fesm2022/koobiq-components-modal.mjs +3 -5
  24. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  25. package/fesm2022/koobiq-components-popover.mjs +68 -24
  26. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  27. package/form-field/stepper.scss +4 -0
  28. package/markdown/markdown.scss +5 -6
  29. package/modal/modal-ref.class.d.ts +2 -2
  30. package/modal/modal.service.d.ts +9 -9
  31. package/modal/modal.type.d.ts +6 -6
  32. package/navbar/_navbar-theme.scss +2 -2
  33. package/package.json +12 -8
  34. package/popover/_popover-theme.scss +5 -0
  35. package/popover/popover.component.d.ts +17 -4
  36. package/popover/popover.module.d.ts +3 -1
  37. package/popover/popover.scss +32 -0
  38. package/prebuilt-themes/dark-theme.css +1 -1
  39. package/prebuilt-themes/light-theme.css +1 -1
  40. package/schematics/ng-add/index.js +4 -4
  41. package/splitter/splitter.scss +3 -3
  42. package/table/_table-theme.scss +2 -2
package/alert/alert.component.scss CHANGED
@@ -58,10 +58,10 @@
58
58
  & .kbq-alert__button-stack {
59
59
  padding-top: kbq-css-variable(alert-size-normal-button-stack-padding-top);
60
60
  padding-bottom: kbq-css-variable(alert-size-normal-button-stack-padding-bottom);
61
+ }
61
62
 
62
- &_has-button {
63
- padding-top: 12px;
64
- }
63
+ & .kbq-alert__button-stack_has-button {
64
+ padding-top: 12px;
65
65
  }
66
66
 
67
67
  & .kbq-alert__close-button {
@@ -108,10 +108,10 @@
108
108
  & .kbq-alert__button-stack {
109
109
  padding-top: kbq-css-variable(alert-size-compact-button-stack-padding-top);
110
110
  padding-bottom: kbq-css-variable(alert-size-compact-button-stack-padding-bottom);
111
+ }
111
112
 
112
- &_has-button {
113
- padding-top: 12px;
114
- }
113
+ & .kbq-alert__button-stack_has-button {
114
+ padding-top: 12px;
115
115
  }
116
116
 
117
117
  & .kbq-alert__close-button {
package/code-block/_code-block-theme.scss CHANGED
@@ -81,274 +81,274 @@
81
81
  $code-block: map.get(map.get($theme, components), code-block);
82
82
 
83
83
  .kbq-code-block {
84
- .hljs {
85
- $hljs: map.get($code-block, hljs);
84
+ $hljs: map.get($code-block, hljs);
86
85
 
86
+ .hljs {
87
87
  display: block;
88
88
  overflow-x: auto;
89
+ }
89
90
 
90
- &-addition {
91
- background-color: kbq-code-block-hljs-attr(addition-background, $hljs);
92
- color: kbq-code-block-hljs-attr(addition-color, $hljs);
93
- }
91
+ .hljs-addition {
92
+ background-color: kbq-code-block-hljs-attr(addition-background, $hljs);
93
+ color: kbq-code-block-hljs-attr(addition-color, $hljs);
94
+ }
94
95
 
95
- &-attr {
96
- background-color: kbq-code-block-hljs-attr(attr-background, $hljs);
97
- color: kbq-code-block-hljs-attr(attr-color, $hljs);
98
- }
96
+ .hljs-attr {
97
+ background-color: kbq-code-block-hljs-attr(attr-background, $hljs);
98
+ color: kbq-code-block-hljs-attr(attr-color, $hljs);
99
+ }
99
100
 
100
- &-attribute {
101
- background-color: kbq-code-block-hljs-attr(attribute-background, $hljs);
102
- color: kbq-code-block-hljs-attr(attribute-color, $hljs);
103
- }
101
+ .hljs-attribute {
102
+ background-color: kbq-code-block-hljs-attr(attribute-background, $hljs);
103
+ color: kbq-code-block-hljs-attr(attribute-color, $hljs);
104
+ }
104
105
 
105
- &-built_in {
106
- background-color: kbq-code-block-hljs-attr(built_in-background, $hljs);
107
- color: kbq-code-block-hljs-attr(built_in-color, $hljs);
108
- }
106
+ .hljs-built_in {
107
+ background-color: kbq-code-block-hljs-attr(built_in-background, $hljs);
108
+ color: kbq-code-block-hljs-attr(built_in-color, $hljs);
109
+ }
109
110
 
110
- &-bullet {
111
- background-color: kbq-code-block-hljs-attr(bullet-background, $hljs);
112
- color: kbq-code-block-hljs-attr(bullet-color, $hljs);
113
- }
111
+ .hljs-bullet {
112
+ background-color: kbq-code-block-hljs-attr(bullet-background, $hljs);
113
+ color: kbq-code-block-hljs-attr(bullet-color, $hljs);
114
+ }
114
115
 
115
- &-char-escape {
116
- background-color: kbq-code-block-hljs-attr(char-escape-background, $hljs);
117
- color: kbq-code-block-hljs-attr(char-escape-color, $hljs);
118
- }
116
+ .hljs-char-escape {
117
+ background-color: kbq-code-block-hljs-attr(char-escape-background, $hljs);
118
+ color: kbq-code-block-hljs-attr(char-escape-color, $hljs);
119
+ }
119
120
 
120
- &-class {
121
- background-color: kbq-code-block-hljs-attr(class-background, $hljs);
122
- color: kbq-code-block-hljs-attr(class-color, $hljs);
123
- }
121
+ .hljs-class {
122
+ background-color: kbq-code-block-hljs-attr(class-background, $hljs);
123
+ color: kbq-code-block-hljs-attr(class-color, $hljs);
124
+ }
124
125
 
125
- &-code {
126
- background-color: kbq-code-block-hljs-attr(code-background, $hljs);
127
- color: kbq-code-block-hljs-attr(code-color, $hljs);
128
- }
126
+ .hljs-code {
127
+ background-color: kbq-code-block-hljs-attr(code-background, $hljs);
128
+ color: kbq-code-block-hljs-attr(code-color, $hljs);
129
+ }
129
130
 
130
- &-comment {
131
- background-color: kbq-code-block-hljs-attr(comment-background, $hljs);
132
- color: kbq-code-block-hljs-attr(comment-color, $hljs);
133
- }
131
+ .hljs-comment {
132
+ background-color: kbq-code-block-hljs-attr(comment-background, $hljs);
133
+ color: kbq-code-block-hljs-attr(comment-color, $hljs);
134
+ }
134
135
 
135
- &-deletion {
136
- background-color: kbq-code-block-hljs-attr(deletion-background, $hljs);
137
- color: kbq-code-block-hljs-attr(deletion-color, $hljs);
138
- }
136
+ .hljs-deletion {
137
+ background-color: kbq-code-block-hljs-attr(deletion-background, $hljs);
138
+ color: kbq-code-block-hljs-attr(deletion-color, $hljs);
139
+ }
139
140
 
140
- &-doctag {
141
- background-color: kbq-code-block-hljs-attr(doctag-background, $hljs);
142
- color: kbq-code-block-hljs-attr(doctag-color, $hljs);
143
- }
141
+ .hljs-doctag {
142
+ background-color: kbq-code-block-hljs-attr(doctag-background, $hljs);
143
+ color: kbq-code-block-hljs-attr(doctag-color, $hljs);
144
+ }
144
145
 
145
- &-emphasis {
146
- background-color: kbq-code-block-hljs-attr(emphasis-background, $hljs);
147
- color: kbq-code-block-hljs-attr(emphasis-color, $hljs);
148
- }
146
+ .hljs-emphasis {
147
+ background-color: kbq-code-block-hljs-attr(emphasis-background, $hljs);
148
+ color: kbq-code-block-hljs-attr(emphasis-color, $hljs);
149
+ }
149
150
 
150
- &-formula {
151
- background-color: kbq-code-block-hljs-attr(formula-background, $hljs);
152
- color: kbq-code-block-hljs-attr(formula-color, $hljs);
153
- }
151
+ .hljs-formula {
152
+ background-color: kbq-code-block-hljs-attr(formula-background, $hljs);
153
+ color: kbq-code-block-hljs-attr(formula-color, $hljs);
154
+ }
154
155
 
155
- &-function {
156
- background-color: kbq-code-block-hljs-attr(function-background, $hljs);
157
- color: kbq-code-block-hljs-attr(function-color, $hljs);
158
- }
156
+ .hljs-function {
157
+ background-color: kbq-code-block-hljs-attr(function-background, $hljs);
158
+ color: kbq-code-block-hljs-attr(function-color, $hljs);
159
+ }
159
160
 
160
- &-keyword {
161
- background-color: kbq-code-block-hljs-attr(keyword-background, $hljs);
162
- color: kbq-code-block-hljs-attr(keyword-color, $hljs);
163
- }
161
+ .hljs-keyword {
162
+ background-color: kbq-code-block-hljs-attr(keyword-background, $hljs);
163
+ color: kbq-code-block-hljs-attr(keyword-color, $hljs);
164
+ }
164
165
 
165
- &-link {
166
- background-color: kbq-code-block-hljs-attr(link-background, $hljs);
167
- color: kbq-code-block-hljs-attr(link-color, $hljs);
168
- }
166
+ .hljs-link {
167
+ background-color: kbq-code-block-hljs-attr(link-background, $hljs);
168
+ color: kbq-code-block-hljs-attr(link-color, $hljs);
169
+ }
169
170
 
170
- &-literal {
171
- background-color: kbq-code-block-hljs-attr(literal-background, $hljs);
172
- color: kbq-code-block-hljs-attr(literal-color, $hljs);
173
- }
171
+ .hljs-literal {
172
+ background-color: kbq-code-block-hljs-attr(literal-background, $hljs);
173
+ color: kbq-code-block-hljs-attr(literal-color, $hljs);
174
+ }
174
175
 
175
- &-meta {
176
- background-color: kbq-code-block-hljs-attr(meta-background, $hljs);
177
- color: kbq-code-block-hljs-attr(meta-color, $hljs);
178
- }
176
+ .hljs-meta {
177
+ background-color: kbq-code-block-hljs-attr(meta-background, $hljs);
178
+ color: kbq-code-block-hljs-attr(meta-color, $hljs);
179
+ }
179
180
 
180
- &-meta-keyword {
181
- background-color: kbq-code-block-hljs-attr(meta-keyword-background, $hljs);
182
- color: kbq-code-block-hljs-attr(meta-keyword-color, $hljs);
183
- }
181
+ .hljs-meta-keyword {
182
+ background-color: kbq-code-block-hljs-attr(meta-keyword-background, $hljs);
183
+ color: kbq-code-block-hljs-attr(meta-keyword-color, $hljs);
184
+ }
184
185
 
185
- &-meta-string {
186
- background-color: kbq-code-block-hljs-attr(meta-string-background, $hljs);
187
- color: kbq-code-block-hljs-attr(meta-string-color, $hljs);
188
- }
186
+ .hljs-meta-string {
187
+ background-color: kbq-code-block-hljs-attr(meta-string-background, $hljs);
188
+ color: kbq-code-block-hljs-attr(meta-string-color, $hljs);
189
+ }
189
190
 
190
- &-meta-prompt {
191
- background-color: kbq-code-block-hljs-attr(meta-prompt-background, $hljs);
192
- color: kbq-code-block-hljs-attr(meta-prompt-color, $hljs);
193
- }
191
+ .hljs-meta-prompt {
192
+ background-color: kbq-code-block-hljs-attr(meta-prompt-background, $hljs);
193
+ color: kbq-code-block-hljs-attr(meta-prompt-color, $hljs);
194
+ }
194
195
 
195
- &-name {
196
- background-color: kbq-code-block-hljs-attr(name-background, $hljs);
197
- color: kbq-code-block-hljs-attr(name-color, $hljs);
198
- }
196
+ .hljs-name {
197
+ background-color: kbq-code-block-hljs-attr(name-background, $hljs);
198
+ color: kbq-code-block-hljs-attr(name-color, $hljs);
199
+ }
199
200
 
200
- &-number {
201
- background-color: kbq-code-block-hljs-attr(number-background, $hljs);
202
- color: kbq-code-block-hljs-attr(number-color, $hljs);
203
- }
201
+ .hljs-number {
202
+ background-color: kbq-code-block-hljs-attr(number-background, $hljs);
203
+ color: kbq-code-block-hljs-attr(number-color, $hljs);
204
+ }
204
205
 
205
- &-operator {
206
- background-color: kbq-code-block-hljs-attr(operator-background, $hljs);
207
- color: kbq-code-block-hljs-attr(operator-color, $hljs);
208
- }
206
+ .hljs-operator {
207
+ background-color: kbq-code-block-hljs-attr(operator-background, $hljs);
208
+ color: kbq-code-block-hljs-attr(operator-color, $hljs);
209
+ }
209
210
 
210
- &-params {
211
- background-color: kbq-code-block-hljs-attr(params-background, $hljs);
212
- color: kbq-code-block-hljs-attr(params-color, $hljs);
213
- }
211
+ .hljs-params {
212
+ background-color: kbq-code-block-hljs-attr(params-background, $hljs);
213
+ color: kbq-code-block-hljs-attr(params-color, $hljs);
214
+ }
214
215
 
215
- &-property {
216
- background-color: kbq-code-block-hljs-attr(property-background, $hljs);
217
- color: kbq-code-block-hljs-attr(property-color, $hljs);
218
- }
216
+ .hljs-property {
217
+ background-color: kbq-code-block-hljs-attr(property-background, $hljs);
218
+ color: kbq-code-block-hljs-attr(property-color, $hljs);
219
+ }
219
220
 
220
- &-punctuation {
221
- background-color: kbq-code-block-hljs-attr(punctuation-background, $hljs);
222
- color: kbq-code-block-hljs-attr(punctuation-color, $hljs);
223
- }
221
+ .hljs-punctuation {
222
+ background-color: kbq-code-block-hljs-attr(punctuation-background, $hljs);
223
+ color: kbq-code-block-hljs-attr(punctuation-color, $hljs);
224
+ }
224
225
 
225
- &-quote {
226
- background-color: kbq-code-block-hljs-attr(quote-background, $hljs);
227
- color: kbq-code-block-hljs-attr(quote-color, $hljs);
228
- }
226
+ .hljs-quote {
227
+ background-color: kbq-code-block-hljs-attr(quote-background, $hljs);
228
+ color: kbq-code-block-hljs-attr(quote-color, $hljs);
229
+ }
229
230
 
230
- &-regexp {
231
- background-color: kbq-code-block-hljs-attr(regexp-background, $hljs);
232
- color: kbq-code-block-hljs-attr(regexp-color, $hljs);
233
- }
231
+ .hljs-regexp {
232
+ background-color: kbq-code-block-hljs-attr(regexp-background, $hljs);
233
+ color: kbq-code-block-hljs-attr(regexp-color, $hljs);
234
+ }
234
235
 
235
- &-section {
236
- background-color: kbq-code-block-hljs-attr(section-background, $hljs);
237
- color: kbq-code-block-hljs-attr(section-color, $hljs);
238
- }
236
+ .hljs-section {
237
+ background-color: kbq-code-block-hljs-attr(section-background, $hljs);
238
+ color: kbq-code-block-hljs-attr(section-color, $hljs);
239
+ }
239
240
 
240
- &-selector-attr {
241
- background-color: kbq-code-block-hljs-attr(selector-attr-background, $hljs);
242
- color: kbq-code-block-hljs-attr(selector-attr-color, $hljs);
243
- }
241
+ .hljs-selector-attr {
242
+ background-color: kbq-code-block-hljs-attr(selector-attr-background, $hljs);
243
+ color: kbq-code-block-hljs-attr(selector-attr-color, $hljs);
244
+ }
244
245
 
245
- &-selector-class {
246
- background-color: kbq-code-block-hljs-attr(selector-class-background, $hljs);
247
- color: kbq-code-block-hljs-attr(selector-class-color, $hljs);
248
- }
246
+ .hljs-selector-class {
247
+ background-color: kbq-code-block-hljs-attr(selector-class-background, $hljs);
248
+ color: kbq-code-block-hljs-attr(selector-class-color, $hljs);
249
+ }
249
250
 
250
- &-selector-id {
251
- background-color: kbq-code-block-hljs-attr(selector-id-background, $hljs);
252
- color: kbq-code-block-hljs-attr(selector-id-color, $hljs);
253
- }
251
+ .hljs-selector-id {
252
+ background-color: kbq-code-block-hljs-attr(selector-id-background, $hljs);
253
+ color: kbq-code-block-hljs-attr(selector-id-color, $hljs);
254
+ }
254
255
 
255
- &-selector-pseudo {
256
- background-color: kbq-code-block-hljs-attr(selector-pseudo-background, $hljs);
257
- color: kbq-code-block-hljs-attr(selector-pseudo-color, $hljs);
258
- }
256
+ .hljs-selector-pseudo {
257
+ background-color: kbq-code-block-hljs-attr(selector-pseudo-background, $hljs);
258
+ color: kbq-code-block-hljs-attr(selector-pseudo-color, $hljs);
259
+ }
259
260
 
260
- &-selector-tag {
261
- background-color: kbq-code-block-hljs-attr(selector-tag-background, $hljs);
262
- color: kbq-code-block-hljs-attr(selector-tag-color, $hljs);
263
- }
261
+ .hljs-selector-tag {
262
+ background-color: kbq-code-block-hljs-attr(selector-tag-background, $hljs);
263
+ color: kbq-code-block-hljs-attr(selector-tag-color, $hljs);
264
+ }
264
265
 
265
- &-string {
266
- background-color: kbq-code-block-hljs-attr(string-background, $hljs);
267
- color: kbq-code-block-hljs-attr(string-color, $hljs);
268
- }
266
+ .hljs-string {
267
+ background-color: kbq-code-block-hljs-attr(string-background, $hljs);
268
+ color: kbq-code-block-hljs-attr(string-color, $hljs);
269
+ }
269
270
 
270
- &-strong {
271
- background-color: kbq-code-block-hljs-attr(strong-background, $hljs);
272
- color: kbq-code-block-hljs-attr(strong-color, $hljs);
273
- }
271
+ .hljs-strong {
272
+ background-color: kbq-code-block-hljs-attr(strong-background, $hljs);
273
+ color: kbq-code-block-hljs-attr(strong-color, $hljs);
274
+ }
274
275
 
275
- &-subst {
276
- background-color: kbq-code-block-hljs-attr(subst-background, $hljs);
277
- color: kbq-code-block-hljs-attr(subst-color, $hljs);
278
- }
276
+ .hljs-subst {
277
+ background-color: kbq-code-block-hljs-attr(subst-background, $hljs);
278
+ color: kbq-code-block-hljs-attr(subst-color, $hljs);
279
+ }
279
280
 
280
- &-symbol {
281
- background-color: kbq-code-block-hljs-attr(symbol-background, $hljs);
282
- color: kbq-code-block-hljs-attr(symbol-color, $hljs);
283
- }
281
+ .hljs-symbol {
282
+ background-color: kbq-code-block-hljs-attr(symbol-background, $hljs);
283
+ color: kbq-code-block-hljs-attr(symbol-color, $hljs);
284
+ }
284
285
 
285
- &-tag {
286
- background-color: kbq-code-block-hljs-attr(tag-background, $hljs);
287
- color: kbq-code-block-hljs-attr(tag-color, $hljs);
288
- }
286
+ .hljs-tag {
287
+ background-color: kbq-code-block-hljs-attr(tag-background, $hljs);
288
+ color: kbq-code-block-hljs-attr(tag-color, $hljs);
289
+ }
289
290
 
290
- &-template-tag {
291
- background-color: kbq-code-block-hljs-attr(template-tag-background, $hljs);
292
- color: kbq-code-block-hljs-attr(template-tag-color, $hljs);
293
- }
291
+ .hljs-template-tag {
292
+ background-color: kbq-code-block-hljs-attr(template-tag-background, $hljs);
293
+ color: kbq-code-block-hljs-attr(template-tag-color, $hljs);
294
+ }
294
295
 
295
- &-template-variable {
296
- background-color: kbq-code-block-hljs-attr(template-variable-background, $hljs);
297
- color: kbq-code-block-hljs-attr(template-variable-color, $hljs);
298
- }
296
+ .hljs-template-variable {
297
+ background-color: kbq-code-block-hljs-attr(template-variable-background, $hljs);
298
+ color: kbq-code-block-hljs-attr(template-variable-color, $hljs);
299
+ }
299
300
 
300
- &-title {
301
- background-color: kbq-code-block-hljs-attr(title-background, $hljs);
302
- color: kbq-code-block-hljs-attr(title-color, $hljs);
303
- }
301
+ .hljs-title {
302
+ background-color: kbq-code-block-hljs-attr(title-background, $hljs);
303
+ color: kbq-code-block-hljs-attr(title-color, $hljs);
304
+ }
304
305
 
305
- &-title-class {
306
- background-color: kbq-code-block-hljs-attr(title-class-background, $hljs);
307
- color: kbq-code-block-hljs-attr(title-class-color, $hljs);
308
- }
306
+ .hljs-title-class {
307
+ background-color: kbq-code-block-hljs-attr(title-class-background, $hljs);
308
+ color: kbq-code-block-hljs-attr(title-class-color, $hljs);
309
+ }
309
310
 
310
- &-title-class-inherited {
311
- background-color: kbq-code-block-hljs-attr(title-class-inherited-background, $hljs);
312
- color: kbq-code-block-hljs-attr(title-class-inherited-color, $hljs);
313
- }
311
+ .hljs-title-class-inherited {
312
+ background-color: kbq-code-block-hljs-attr(title-class-inherited-background, $hljs);
313
+ color: kbq-code-block-hljs-attr(title-class-inherited-color, $hljs);
314
+ }
314
315
 
315
- &-title-function {
316
- background-color: kbq-code-block-hljs-attr(title-function-background, $hljs);
317
- color: kbq-code-block-hljs-attr(title-function-color, $hljs);
318
- }
316
+ .hljs-title-function {
317
+ background-color: kbq-code-block-hljs-attr(title-function-background, $hljs);
318
+ color: kbq-code-block-hljs-attr(title-function-color, $hljs);
319
+ }
319
320
 
320
- &-title-function-invoke {
321
- background-color: kbq-code-block-hljs-attr(title-function-invoke-background, $hljs);
322
- color: kbq-code-block-hljs-attr(title-function-invoke-color, $hljs);
323
- }
321
+ .hljs-title-function-invoke {
322
+ background-color: kbq-code-block-hljs-attr(title-function-invoke-background, $hljs);
323
+ color: kbq-code-block-hljs-attr(title-function-invoke-color, $hljs);
324
+ }
324
325
 
325
- &-type {
326
- background-color: kbq-code-block-hljs-attr(type-background, $hljs);
327
- color: kbq-code-block-hljs-attr(type-color, $hljs);
328
- }
326
+ .hljs-type {
327
+ background-color: kbq-code-block-hljs-attr(type-background, $hljs);
328
+ color: kbq-code-block-hljs-attr(type-color, $hljs);
329
+ }
329
330
 
330
- &-variable {
331
- background-color: kbq-code-block-hljs-attr(variable-background, $hljs);
332
- color: kbq-code-block-hljs-attr(variable-color, $hljs);
333
- }
331
+ .hljs-variable {
332
+ background-color: kbq-code-block-hljs-attr(variable-background, $hljs);
333
+ color: kbq-code-block-hljs-attr(variable-color, $hljs);
334
+ }
334
335
 
335
- &-variable-constant {
336
- background-color: kbq-code-block-hljs-attr(variable-constant-background, $hljs);
337
- color: kbq-code-block-hljs-attr(variable-constant-color, $hljs);
338
- }
336
+ .hljs-variable-constant {
337
+ background-color: kbq-code-block-hljs-attr(variable-constant-background, $hljs);
338
+ color: kbq-code-block-hljs-attr(variable-constant-color, $hljs);
339
+ }
339
340
 
340
- &-variable-language {
341
- background-color: kbq-code-block-hljs-attr(variable-language-background, $hljs);
342
- color: kbq-code-block-hljs-attr(variable-language-color, $hljs);
343
- }
341
+ .hljs-variable-language {
342
+ background-color: kbq-code-block-hljs-attr(variable-language-background, $hljs);
343
+ color: kbq-code-block-hljs-attr(variable-language-color, $hljs);
344
+ }
344
345
 
345
- &-ln-n {
346
- color: kbq-code-block-hljs-attr(line-numbers-color, $hljs);
347
- }
346
+ .hljs-ln-n {
347
+ color: kbq-code-block-hljs-attr(line-numbers-color, $hljs);
348
+ }
348
349
 
349
- &-line-numbers {
350
- color: map.get($code-block, main-code-color);
351
- }
350
+ .hljs-line-numbers {
351
+ color: map.get($code-block, main-code-color);
352
352
  }
353
353
 
354
354
  &.kbq-code-block_outline {
package/core/styles/theming/_theming.scss CHANGED
@@ -143,6 +143,7 @@
143
143
  theme-fade: map.get($tokens, '#{$scheme}-line-theme-fade'),
144
144
  contrast: map.get($tokens, '#{$scheme}-line-contrast'),
145
145
  contrast-fade: map.get($tokens, '#{$scheme}-line-contrast-fade'),
146
+ contrast-less: map.get($tokens, '#{$scheme}-line-contrast-less'),
146
147
  success: map.get($tokens, '#{$scheme}-line-success'),
147
148
  success-fade: map.get($tokens, '#{$scheme}-line-success-fade'),
148
149
  warning: map.get($tokens, '#{$scheme}-line-warning'),
package/datepicker/calendar-header.component.d.ts CHANGED
@@ -30,6 +30,7 @@ export declare class KbqCalendarHeader<D> implements AfterContentInit {
30
30
  set minDate(value: D | null);
31
31
  private _minDate;
32
32
  get previousDisabled(): boolean;
33
+ get currentDisabled(): boolean;
33
34
  get nextDisabled(): boolean;
34
35
  /** Emits when any date is activated. */
35
36
  readonly activeDateChange: EventEmitter<D>;
package/esm2022/core/version.mjs CHANGED
@@ -1,3 +1,3 @@
1
1
  import { Version } from '@angular/core';
2
- export const VERSION = new Version('17.3.0+sha-6f31000');
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWZXJzaW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gbmV3IFZlcnNpb24oJzE3LjMuMCtzaGEtNmYzMTAwMCcpO1xuIl19
2
+ export const VERSION = new Version('17.4.0+sha-092d654');
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWZXJzaW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gbmV3IFZlcnNpb24oJzE3LjQuMCtzaGEtMDkyZDY1NCcpO1xuIl19