@koobiq/components 18.4.0 → 18.5.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.
- package/accordion/_accordion-theme.scss +2 -6
- package/accordion/accordion-tokens.scss +0 -18
- package/accordion/accordion-trigger.component.scss +0 -5
- package/accordion/accordion.component.scss +0 -5
- package/alert/_alert-theme.scss +3 -7
- package/alert/alert-tokens.scss +0 -23
- package/alert/alert.component.scss +0 -3
- package/autocomplete/_autocomplete-theme.scss +0 -6
- package/autocomplete/autocomplete-tokens.scss +0 -2
- package/autocomplete/autocomplete.scss +0 -3
- package/badge/_badge-theme.scss +4 -8
- package/badge/badge-tokens.scss +0 -34
- package/badge/badge.component.scss +0 -3
- package/button/_button-base.scss +0 -3
- package/button/_button-theme.scss +1 -5
- package/button/button-tokens.scss +8 -10
- package/button/button.scss +0 -2
- package/button-toggle/_button-toggle-theme.scss +1 -6
- package/button-toggle/button-toggle-tokens.scss +1 -10
- package/button-toggle/button-toggle.scss +0 -3
- package/checkbox/_checkbox-theme.scss +4 -7
- package/checkbox/checkbox-tokens.scss +0 -30
- package/checkbox/checkbox.scss +0 -3
- package/code-block/_code-block-theme.scss +1 -6
- package/code-block/actionbar.component.scss +0 -4
- package/code-block/code-block-tokens.scss +2 -11
- package/code-block/code-block.scss +1 -3
- package/core/formatters/date/formatter.pipe.d.ts +82 -65
- package/core/formatters/index.d.ts +1 -1
- package/core/forms/_forms-theme.scss +1 -1
- package/core/forms/_forms.scss +2 -2
- package/core/forms/forms-tokens.scss +0 -17
- package/core/option/_optgroup-theme.scss +1 -1
- package/core/option/_option-theme.scss +2 -2
- package/core/option/action.scss +3 -3
- package/core/option/option-tokens.scss +0 -102
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +0 -2
- package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +0 -30
- package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +0 -3
- package/core/styles/_core.scss +0 -2
- package/core/styles/_koobiq-theme.scss +0 -2
- package/core/styles/common/_groups.scss +4 -12
- package/core/styles/common/_list.scss +0 -3
- package/core/styles/common/_popup.scss +4 -9
- package/core/styles/common/_select.scss +29 -39
- package/core/styles/common/_tokens.scss +0 -2
- package/core/styles/theming/_scrollbar-theme.scss +0 -3
- package/core/styles/theming/_theming.scss +1 -1
- package/core/styles/theming/scrollbar-tokens.scss +0 -2
- package/core/styles/visual/_layout.scss +0 -3
- package/datepicker/_datepicker-theme.scss +2 -7
- package/datepicker/calendar-body.scss +0 -8
- package/datepicker/calendar-header.scss +0 -5
- package/datepicker/calendar.scss +0 -5
- package/datepicker/datepicker-content.scss +0 -5
- package/datepicker/datepicker-input.scss +0 -3
- package/datepicker/datepicker-toggle.scss +0 -5
- package/datepicker/datepicker-tokens.scss +0 -9
- package/divider/_divider-theme.scss +0 -4
- package/divider/divider-tokens.scss +0 -2
- package/divider/divider.scss +0 -5
- package/dl/_dl-theme.scss +2 -6
- package/dl/dl-tokens.scss +0 -18
- package/dl/dl.scss +0 -5
- package/dropdown/_dropdown-theme.scss +4 -8
- package/dropdown/dropdown-item.scss +0 -5
- package/dropdown/dropdown-tokens.scss +1 -90
- package/dropdown/dropdown.scss +0 -5
- package/empty-state/_empty-state-theme.scss +4 -7
- package/empty-state/empty-state-tokens.scss +0 -32
- package/empty-state/empty-state.scss +0 -4
- package/esm2022/accordion/accordion-trigger.component.mjs +2 -2
- package/esm2022/accordion/accordion.component.mjs +2 -2
- package/esm2022/alert/alert.component.mjs +2 -2
- package/esm2022/badge/badge.component.mjs +2 -2
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
- package/esm2022/checkbox/checkbox.mjs +2 -2
- package/esm2022/code-block/code-block.component.mjs +2 -2
- package/esm2022/core/formatters/date/formatter.pipe.mjs +280 -120
- package/esm2022/core/formatters/index.mjs +65 -12
- package/esm2022/core/option/action.mjs +3 -3
- package/esm2022/core/option/optgroup.mjs +3 -3
- package/esm2022/core/option/option.mjs +3 -3
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +3 -3
- package/esm2022/datepicker/calendar-header.component.mjs +3 -3
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/dl/dl.component.mjs +2 -2
- package/esm2022/dropdown/dropdown-item.component.mjs +2 -2
- package/esm2022/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/empty-state/empty-state.component.mjs +2 -2
- package/esm2022/file-upload/multiple-file-upload.component.mjs +2 -2
- package/esm2022/file-upload/single-file-upload.component.mjs +2 -2
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/form-field/hint.mjs +2 -2
- package/esm2022/form-field/password-hint.mjs +2 -2
- package/esm2022/form-field/validate.directive.mjs +21 -1
- package/esm2022/list/list-selection.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/loader-overlay/loader-overlay.component.mjs +2 -2
- package/esm2022/markdown/markdown.component.mjs +34 -20
- package/esm2022/markdown/markdown.module.mjs +8 -9
- package/esm2022/markdown/markdown.service.mjs +5 -3
- package/esm2022/markdown/markdown.values.mjs +5 -1
- package/esm2022/modal/modal.component.mjs +2 -2
- package/esm2022/navbar/navbar.component.mjs +2 -2
- package/esm2022/navbar/vertical-navbar.component.mjs +2 -2
- package/esm2022/popover/popover-confirm.component.mjs +3 -3
- package/esm2022/popover/popover.component.mjs +3 -3
- package/esm2022/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/progress-spinner/progress-spinner.component.mjs +2 -2
- package/esm2022/radio/radio.component.mjs +2 -2
- package/esm2022/risk-level/risk-level.component.mjs +2 -2
- package/esm2022/select/select.component.mjs +4 -4
- package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
- package/esm2022/splitter/splitter.component.mjs +2 -2
- package/esm2022/table/table.component.mjs +2 -2
- package/esm2022/tabs/tab-group.component.mjs +2 -2
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
- package/esm2022/tags/tag-list.component.mjs +2 -2
- package/esm2022/timezone/timezone-option.component.mjs +2 -2
- package/esm2022/timezone/timezone-select.component.mjs +2 -2
- package/esm2022/toast/toast.component.mjs +3 -3
- package/esm2022/toggle/toggle.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tree/padding.directive.mjs +2 -2
- package/esm2022/tree/toggle.mjs +2 -2
- package/esm2022/tree/tree-option.component.mjs +2 -2
- package/esm2022/tree/tree-selection.component.mjs +2 -2
- package/esm2022/tree/tree.mjs +2 -2
- package/esm2022/tree-select/tree-select.component.mjs +4 -4
- package/fesm2022/koobiq-components-accordion.mjs +4 -4
- package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -2
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -2
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +2 -2
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +2 -2
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +351 -136
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +6 -6
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +2 -2
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +4 -4
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-empty-state.mjs +2 -2
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +4 -4
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +26 -6
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +4 -4
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +2 -2
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +49 -30
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +2 -2
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +4 -4
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +4 -4
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-bar.mjs +2 -2
- package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +2 -2
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +2 -2
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-risk-level.mjs +2 -2
- package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +4 -4
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-splitter.mjs +1 -1
- package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +2 -2
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +4 -4
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +2 -2
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +4 -4
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +2 -2
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +2 -2
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +4 -4
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +10 -10
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +6 -10
- package/file-upload/file-upload-tokens.scss +0 -41
- package/file-upload/multiple-file-upload.component.scss +10 -13
- package/form-field/_form-field-theme.scss +2 -7
- package/form-field/_hint-theme.scss +2 -6
- package/form-field/cleaner.scss +0 -5
- package/form-field/form-field-tokens.scss +1 -19
- package/form-field/form-field.scss +0 -3
- package/form-field/hint-tokens.scss +0 -16
- package/form-field/password-toggle.scss +0 -5
- package/form-field/stepper.scss +0 -5
- package/form-field/validate.directive.d.ts +20 -0
- package/icon/_icon-button-theme.scss +0 -5
- package/icon/_icon-item-theme.scss +0 -2
- package/icon/icon-button-tokens.scss +0 -2
- package/icon/icon-button.scss +0 -3
- package/icon/icon-item-tokens.scss +0 -2
- package/icon/icon-item.scss +0 -3
- package/icon/icon-tokens.scss +0 -2
- package/icon/icon.scss +0 -3
- package/input/_input-theme.scss +1 -1
- package/input/input-tokens.scss +0 -9
- package/input/input.scss +2 -5
- package/link/_link-theme.scss +3 -3
- package/link/link-tokens.scss +0 -23
- package/list/_list-theme.scss +2 -2
- package/list/list-tokens.scss +0 -30
- package/list/list.scss +0 -3
- package/loader-overlay/_loader-overlay-theme.scss +4 -4
- package/loader-overlay/loader-overlay-tokens.scss +0 -36
- package/loader-overlay/loader-overlay.scss +1 -0
- package/markdown/_markdown-theme.scss +19 -19
- package/markdown/markdown-tokens.scss +3 -114
- package/markdown/markdown.component.d.ts +17 -10
- package/markdown/markdown.module.d.ts +1 -4
- package/markdown/markdown.service.d.ts +4 -1
- package/markdown/markdown.values.d.ts +4 -0
- package/modal/_modal-theme.scss +2 -4
- package/modal/modal-tokens.scss +0 -16
- package/modal/modal.scss +0 -3
- package/navbar/_navbar-item_horizontal.scss +0 -3
- package/navbar/_navbar-item_vertical.scss +0 -4
- package/navbar/navbar-brand.scss +0 -5
- package/navbar/navbar-tokens.scss +1 -3
- package/package.json +4 -5
- package/popover/_popover-theme.scss +2 -2
- package/popover/popover-tokens.scss +0 -17
- package/popover/popover.scss +1 -1
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/prebuilt-themes/theme.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +2 -2
- package/progress-bar/progress-bar-tokens.scss +0 -16
- package/progress-spinner/_progress-spinner-theme.scss +2 -2
- package/progress-spinner/progress-spinner-tokens.scss +0 -16
- package/radio/_radio-theme.scss +4 -4
- package/radio/radio-tokens.scss +4 -31
- package/radio/radio.scss +2 -2
- package/risk-level/_risk-level-theme.scss +1 -5
- package/risk-level/risk-level-tokens.scss +0 -9
- package/schematics/ng-add/index.js +2 -4
- package/scrollbar/scrollbar-tokens.scss +0 -2
- package/select/_select-theme.scss +4 -4
- package/select/select-tokens.scss +1 -20
- package/select/select.scss +2 -2
- package/sidepanel/_sidepanel-theme.scss +2 -2
- package/sidepanel/sidepanel-tokens.scss +0 -16
- package/table/_table-theme.scss +2 -5
- package/table/table-tokens.scss +0 -16
- package/table/table.scss +0 -3
- package/tabs/_tabs-theme.scss +1 -1
- package/tabs/tab-nav-bar/tab-nav-bar.scss +0 -3
- package/tabs/tabs-tokens.scss +0 -9
- package/tags/_tag-theme.scss +2 -2
- package/tags/tag-input-tokens.scss +0 -9
- package/tags/tag-tokens.scss +0 -16
- package/textarea/_textarea-theme.scss +1 -4
- package/textarea/textarea-tokens.scss +0 -9
- package/textarea/textarea.scss +0 -3
- package/timepicker/timepicker.scss +0 -3
- package/timezone/_timezone-option-theme.scss +4 -8
- package/timezone/timezone-option-tokens.scss +0 -47
- package/timezone/timezone-option.component.scss +0 -3
- package/timezone/timezone-select.component.scss +0 -3
- package/toast/_toast-theme.scss +2 -6
- package/toast/toast-container.component.scss +0 -3
- package/toast/toast-tokens.scss +4 -17
- package/toast/toast.component.scss +1 -4
- package/toggle/_toggle-theme.scss +6 -9
- package/toggle/toggle-tokens.scss +0 -30
- package/toggle/toggle.scss +1 -4
- package/tooltip/_tooltip-theme.scss +2 -2
- package/tooltip/tooltip-tokens.scss +0 -16
- package/tooltip/tooltip.scss +0 -3
- package/tree/_tree-theme.scss +3 -6
- package/tree/toggle.scss +0 -3
- package/tree/tree-option.scss +8 -5
- package/tree/tree-tokens.scss +0 -16
- package/tree-select/_tree-select-theme.scss +1 -5
- package/tree-select/tree-select-tokens.scss +0 -14
- package/tree-select/tree-select.scss +0 -4
- package/core/option/optgroup-tokens.scss +0 -12
- package/core/option/option-action-tokens.scss +0 -5
- package/markdown/README.md +0 -0
- package/splitter/splitter-tokens.scss +0 -1
package/toast/_toast-theme.scss
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
|
-
@use '../core/styles/typography/typography-utils' as *;
|
|
5
1
|
@use '../core/styles/common/tokens' as *;
|
|
6
2
|
|
|
7
3
|
@mixin kbq-toast($style-name) {
|
|
@@ -40,10 +36,10 @@
|
|
|
40
36
|
|
|
41
37
|
@mixin kbq-toast-typography() {
|
|
42
38
|
.kbq-toast {
|
|
43
|
-
@include kbq-typography-
|
|
39
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-normal);
|
|
44
40
|
}
|
|
45
41
|
|
|
46
42
|
.kbq-toast__title {
|
|
47
|
-
@include kbq-typography-
|
|
43
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-normal);
|
|
48
44
|
}
|
|
49
45
|
}
|
package/toast/toast-tokens.scss
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
.kbq-toast-container {
|
|
2
|
+
--kbq-toast-stack-size-margin-top: var(--kbq-size-m);
|
|
3
|
+
--kbq-toast-stack-size-margin-right: var(--kbq-size-m);
|
|
4
|
+
--kbq-toast-stack-size-gap: var(--kbq-size-s);
|
|
4
5
|
--kbq-toast-size-container-width: 360px;
|
|
5
6
|
--kbq-toast-size-container-border-radius: var(--kbq-size-s);
|
|
6
7
|
--kbq-toast-size-container-padding-left: var(--kbq-size-m);
|
|
@@ -16,20 +17,6 @@
|
|
|
16
17
|
--kbq-toast-size-close-button-margin-right: var(--kbq-size-xxs);
|
|
17
18
|
--kbq-toast-size-button-stack-padding-top: var(--kbq-size-s);
|
|
18
19
|
--kbq-toast-size-button-stack-content-gap-horizontal: var(--kbq-size-m);
|
|
19
|
-
--kbq-toast-font-title-font-size: var(--kbq-typography-text-normal-font-size);
|
|
20
|
-
--kbq-toast-font-title-line-height: var(--kbq-typography-text-normal-line-height);
|
|
21
|
-
--kbq-toast-font-title-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
|
|
22
|
-
--kbq-toast-font-title-font-weight: var(--kbq-typography-text-normal-font-weight);
|
|
23
|
-
--kbq-toast-font-title-font-family: var(--kbq-typography-text-normal-font-family);
|
|
24
|
-
--kbq-toast-font-title-text-transform: var(--kbq-typography-text-normal-text-transform);
|
|
25
|
-
--kbq-toast-font-title-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
|
|
26
|
-
--kbq-toast-font-text-font-size: var(--kbq-typography-text-normal-font-size);
|
|
27
|
-
--kbq-toast-font-text-line-height: var(--kbq-typography-text-normal-line-height);
|
|
28
|
-
--kbq-toast-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
|
|
29
|
-
--kbq-toast-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);
|
|
30
|
-
--kbq-toast-font-text-font-family: var(--kbq-typography-text-normal-font-family);
|
|
31
|
-
--kbq-toast-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);
|
|
32
|
-
--kbq-toast-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
|
|
33
20
|
}
|
|
34
21
|
|
|
35
22
|
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
1
|
@use '../core/styles/common/tokens' as *;
|
|
5
2
|
|
|
6
3
|
@use './toast-theme' as *;
|
|
@@ -31,7 +28,7 @@
|
|
|
31
28
|
margin-right: var(--kbq-toast-size-icon-margin-right);
|
|
32
29
|
|
|
33
30
|
$padding-top: var(--kbq-toast-size-content-padding-top);
|
|
34
|
-
$toast-font-title-line-height: var(--kbq-
|
|
31
|
+
$toast-font-title-line-height: var(--kbq-typography-text-normal-line-height);
|
|
35
32
|
$toast-size-icon-height: var(--kbq-toast-size-icon-height);
|
|
36
33
|
padding-top: calc($padding-top + (($toast-font-title-line-height - $toast-size-icon-height) / 2));
|
|
37
34
|
}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
1
|
@use '../core/styles/common/tokens' as *;
|
|
5
2
|
|
|
6
3
|
@mixin kbq-toggle-state($type, $state-name) {
|
|
@@ -71,26 +68,26 @@
|
|
|
71
68
|
|
|
72
69
|
@mixin kbq-toggle-typography() {
|
|
73
70
|
.kbq-toggle:not(.kbq-toggle_big) {
|
|
74
|
-
@include kbq-typography-
|
|
71
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-normal);
|
|
75
72
|
|
|
76
73
|
& .kbq-hint {
|
|
77
|
-
@include kbq-typography-
|
|
74
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-compact);
|
|
78
75
|
}
|
|
79
76
|
|
|
80
77
|
& .kbq-toggle-bar-container {
|
|
81
|
-
@include kbq-css-font-variable(
|
|
78
|
+
@include kbq-css-font-variable(typography, text-compact, line-height, '');
|
|
82
79
|
}
|
|
83
80
|
}
|
|
84
81
|
|
|
85
82
|
.kbq-toggle.kbq-toggle_big {
|
|
86
|
-
@include kbq-typography-
|
|
83
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-big);
|
|
87
84
|
|
|
88
85
|
& .kbq-hint {
|
|
89
|
-
@include kbq-typography-
|
|
86
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-normal);
|
|
90
87
|
}
|
|
91
88
|
|
|
92
89
|
& .kbq-toggle-bar-container {
|
|
93
|
-
@include kbq-css-font-variable(
|
|
90
|
+
@include kbq-css-font-variable(typography, text-big, line-height, '');
|
|
94
91
|
}
|
|
95
92
|
}
|
|
96
93
|
}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* stylelint-disable no-unknown-custom-properties */
|
|
2
|
-
|
|
3
1
|
.kbq-toggle {
|
|
4
2
|
--kbq-toggle-size-normal-height: var(--kbq-size-l);
|
|
5
3
|
--kbq-toggle-size-normal-width: 28px;
|
|
@@ -9,34 +7,6 @@
|
|
|
9
7
|
--kbq-toggle-size-big-width: 28px;
|
|
10
8
|
--kbq-toggle-size-big-horizontal-content-padding: var(--kbq-size-s);
|
|
11
9
|
--kbq-toggle-size-big-vertical-content-padding: var(--kbq-size-s);
|
|
12
|
-
--kbq-toggle-font-normal-label-font-size: var(--kbq-typography-text-normal-font-size);
|
|
13
|
-
--kbq-toggle-font-normal-label-line-height: var(--kbq-typography-text-normal-line-height);
|
|
14
|
-
--kbq-toggle-font-normal-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
|
|
15
|
-
--kbq-toggle-font-normal-label-font-weight: var(--kbq-typography-text-normal-font-weight);
|
|
16
|
-
--kbq-toggle-font-normal-label-font-family: var(--kbq-typography-text-normal-font-family);
|
|
17
|
-
--kbq-toggle-font-normal-label-text-transform: var(--kbq-typography-text-normal-text-transform);
|
|
18
|
-
--kbq-toggle-font-normal-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
|
|
19
|
-
--kbq-toggle-font-normal-caption-font-size: var(--kbq-typography-text-compact-font-size);
|
|
20
|
-
--kbq-toggle-font-normal-caption-line-height: var(--kbq-typography-text-compact-line-height);
|
|
21
|
-
--kbq-toggle-font-normal-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);
|
|
22
|
-
--kbq-toggle-font-normal-caption-font-weight: var(--kbq-typography-text-compact-font-weight);
|
|
23
|
-
--kbq-toggle-font-normal-caption-font-family: var(--kbq-typography-text-compact-font-family);
|
|
24
|
-
--kbq-toggle-font-normal-caption-text-transform: var(--kbq-typography-text-compact-text-transform);
|
|
25
|
-
--kbq-toggle-font-normal-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);
|
|
26
|
-
--kbq-toggle-font-big-label-font-size: var(--kbq-typography-text-big-font-size);
|
|
27
|
-
--kbq-toggle-font-big-label-line-height: var(--kbq-typography-text-big-line-height);
|
|
28
|
-
--kbq-toggle-font-big-label-letter-spacing: var(--kbq-typography-text-big-letter-spacing);
|
|
29
|
-
--kbq-toggle-font-big-label-font-weight: var(--kbq-typography-text-big-font-weight);
|
|
30
|
-
--kbq-toggle-font-big-label-font-family: var(--kbq-typography-text-big-font-family);
|
|
31
|
-
--kbq-toggle-font-big-label-text-transform: var(--kbq-typography-text-big-text-transform);
|
|
32
|
-
--kbq-toggle-font-big-label-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);
|
|
33
|
-
--kbq-toggle-font-big-caption-font-size: var(--kbq-typography-text-normal-font-size);
|
|
34
|
-
--kbq-toggle-font-big-caption-line-height: var(--kbq-typography-text-normal-line-height);
|
|
35
|
-
--kbq-toggle-font-big-caption-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
|
|
36
|
-
--kbq-toggle-font-big-caption-font-weight: var(--kbq-typography-text-normal-font-weight);
|
|
37
|
-
--kbq-toggle-font-big-caption-font-family: var(--kbq-typography-text-normal-font-family);
|
|
38
|
-
--kbq-toggle-font-big-caption-text-transform: var(--kbq-typography-text-normal-text-transform);
|
|
39
|
-
--kbq-toggle-font-big-caption-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
|
|
40
10
|
}
|
|
41
11
|
|
|
42
12
|
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
package/toggle/toggle.scss
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
1
|
@use '../core/styles/common/tokens' as *;
|
|
5
2
|
|
|
6
3
|
@use './toggle-theme' as *;
|
|
@@ -31,7 +28,7 @@
|
|
|
31
28
|
}
|
|
32
29
|
|
|
33
30
|
.kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
|
|
34
|
-
padding-top: kbq-css-half-difference(
|
|
31
|
+
padding-top: kbq-css-half-difference(typography-text-normal-line-height, toggle-size-normal-height);
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
34
|
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
|
|
40
40
|
@mixin kbq-tooltip-typography() {
|
|
41
41
|
.kbq-tooltip {
|
|
42
|
-
@include kbq-typography-
|
|
42
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-compact);
|
|
43
43
|
|
|
44
44
|
.kbq-tooltip__header {
|
|
45
|
-
@include kbq-typography-
|
|
45
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-compact);
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
}
|
|
@@ -1,25 +1,9 @@
|
|
|
1
|
-
/* stylelint-disable no-unknown-custom-properties */
|
|
2
|
-
|
|
3
1
|
.kbq-tooltip {
|
|
4
2
|
--kbq-tooltip-size-max-width: 300px;
|
|
5
3
|
--kbq-tooltip-size-border-radius: var(--kbq-size-s);
|
|
6
4
|
--kbq-tooltip-size-padding-horizontal: var(--kbq-size-m);
|
|
7
5
|
--kbq-tooltip-size-padding-vertical: var(--kbq-size-s);
|
|
8
6
|
--kbq-tooltip-size-arrow-size: var(--kbq-size-m);
|
|
9
|
-
--kbq-tooltip-font-default-font-size: var(--kbq-typography-text-compact-font-size);
|
|
10
|
-
--kbq-tooltip-font-default-line-height: var(--kbq-typography-text-compact-line-height);
|
|
11
|
-
--kbq-tooltip-font-default-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);
|
|
12
|
-
--kbq-tooltip-font-default-font-weight: var(--kbq-typography-text-compact-font-weight);
|
|
13
|
-
--kbq-tooltip-font-default-font-family: var(--kbq-typography-text-compact-font-family);
|
|
14
|
-
--kbq-tooltip-font-default-text-transform: var(--kbq-typography-text-compact-text-transform);
|
|
15
|
-
--kbq-tooltip-font-default-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);
|
|
16
|
-
--kbq-tooltip-font-title-font-size: var(--kbq-typography-text-compact-font-size);
|
|
17
|
-
--kbq-tooltip-font-title-line-height: var(--kbq-typography-text-compact-line-height);
|
|
18
|
-
--kbq-tooltip-font-title-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);
|
|
19
|
-
--kbq-tooltip-font-title-font-weight: var(--kbq-typography-text-compact-font-weight);
|
|
20
|
-
--kbq-tooltip-font-title-font-family: var(--kbq-typography-text-compact-font-family);
|
|
21
|
-
--kbq-tooltip-font-title-text-transform: var(--kbq-typography-text-compact-text-transform);
|
|
22
|
-
--kbq-tooltip-font-title-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);
|
|
23
7
|
}
|
|
24
8
|
|
|
25
9
|
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
package/tooltip/tooltip.scss
CHANGED
package/tree/_tree-theme.scss
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
1
|
@use '../core/styles/theming/theming' as *;
|
|
5
2
|
@use '../core/styles/typography/typography-utils' as *;
|
|
6
3
|
@use '../core/styles/common/tokens' as *;
|
|
@@ -54,7 +51,7 @@
|
|
|
54
51
|
@include kbq-tree-option(states-disabled);
|
|
55
52
|
|
|
56
53
|
& .kbq-icon {
|
|
57
|
-
|
|
54
|
+
color: var(--kbq-states-icon-disabled);
|
|
58
55
|
}
|
|
59
56
|
}
|
|
60
57
|
}
|
|
@@ -62,10 +59,10 @@
|
|
|
62
59
|
|
|
63
60
|
@mixin kbq-tree-typography() {
|
|
64
61
|
.kbq-tree-option {
|
|
65
|
-
@include kbq-typography-
|
|
62
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-normal);
|
|
66
63
|
}
|
|
67
64
|
|
|
68
65
|
.kbq-tree-option-caption {
|
|
69
|
-
@include kbq-typography-
|
|
66
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-compact);
|
|
70
67
|
}
|
|
71
68
|
}
|
package/tree/toggle.scss
CHANGED
package/tree/tree-option.scss
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
1
|
@use '../core/styles/common';
|
|
5
2
|
@use '../core/styles/common/tokens' as *;
|
|
6
3
|
|
|
@@ -41,14 +38,20 @@
|
|
|
41
38
|
|
|
42
39
|
@include common.kbq-truncate-line();
|
|
43
40
|
|
|
44
|
-
padding-top: var(--kbq-list-size-text-padding-vertical);
|
|
45
|
-
padding-bottom: var(--kbq-list-size-text-padding-vertical);
|
|
41
|
+
padding-top: var(--kbq-list-size-text-padding-vertical, 0);
|
|
42
|
+
padding-bottom: var(--kbq-list-size-text-padding-vertical, 0);
|
|
46
43
|
}
|
|
47
44
|
|
|
48
45
|
&:focus {
|
|
49
46
|
outline: none;
|
|
50
47
|
}
|
|
51
48
|
|
|
49
|
+
&.kbq-disabled {
|
|
50
|
+
.kbq-icon {
|
|
51
|
+
cursor: default;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
52
55
|
&:not(.kbq-disabled) {
|
|
53
56
|
cursor: pointer;
|
|
54
57
|
}
|
package/tree/tree-tokens.scss
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* stylelint-disable no-unknown-custom-properties */
|
|
2
|
-
|
|
3
1
|
.kbq-tree,
|
|
4
2
|
.kbq-tree-selection {
|
|
5
3
|
--kbq-tree-size-indent-level: var(--kbq-size-xxl);
|
|
@@ -9,20 +7,6 @@
|
|
|
9
7
|
--kbq-tree-size-container-content-gap-vertical: 0px;
|
|
10
8
|
--kbq-tree-size-container-focus-outline-width: var(--kbq-size-3xs);
|
|
11
9
|
--kbq-tree-size-text-padding-vertical: var(--kbq-size-3xs);
|
|
12
|
-
--kbq-tree-font-text-font-size: var(--kbq-typography-text-normal-font-size);
|
|
13
|
-
--kbq-tree-font-text-line-height: var(--kbq-typography-text-normal-line-height);
|
|
14
|
-
--kbq-tree-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
|
|
15
|
-
--kbq-tree-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);
|
|
16
|
-
--kbq-tree-font-text-font-family: var(--kbq-typography-text-normal-font-family);
|
|
17
|
-
--kbq-tree-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);
|
|
18
|
-
--kbq-tree-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
|
|
19
|
-
--kbq-tree-font-caption-font-size: var(--kbq-typography-text-compact-font-size);
|
|
20
|
-
--kbq-tree-font-caption-line-height: var(--kbq-typography-text-compact-line-height);
|
|
21
|
-
--kbq-tree-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);
|
|
22
|
-
--kbq-tree-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);
|
|
23
|
-
--kbq-tree-font-caption-font-family: var(--kbq-typography-text-compact-font-family);
|
|
24
|
-
--kbq-tree-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);
|
|
25
|
-
--kbq-tree-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings);
|
|
26
10
|
}
|
|
27
11
|
|
|
28
12
|
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
|
-
@use '../core/styles/typography/typography-utils' as *;
|
|
5
1
|
@use '../core/styles/common/tokens' as *;
|
|
6
2
|
|
|
7
3
|
@mixin kbq-tree-select-theme() {
|
|
@@ -36,6 +32,6 @@
|
|
|
36
32
|
@mixin kbq-tree-select-typography() {
|
|
37
33
|
.kbq-tree-select,
|
|
38
34
|
.kbq-tree-select__panel {
|
|
39
|
-
@include kbq-typography-
|
|
35
|
+
@include kbq-typography-level-to-styles_css-variables(typography, text-normal);
|
|
40
36
|
}
|
|
41
37
|
}
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
/* stylelint-disable no-unknown-custom-properties */
|
|
2
|
-
|
|
3
|
-
.kbq-tree-select {
|
|
4
|
-
--kbq-select-panel-size-border-radius: var(--kbq-size-s);
|
|
5
|
-
--kbq-select-panel-size-max-height: 256px;
|
|
6
|
-
--kbq-select-panel-font-default-font-size: var(--kbq-typography-text-normal-font-size);
|
|
7
|
-
--kbq-select-panel-font-default-line-height: var(--kbq-typography-text-normal-line-height);
|
|
8
|
-
--kbq-select-panel-font-default-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
|
|
9
|
-
--kbq-select-panel-font-default-font-weight: var(--kbq-typography-text-normal-font-weight);
|
|
10
|
-
--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);
|
|
11
|
-
--kbq-select-panel-font-default-text-transform: var(--kbq-typography-text-normal-text-transform);
|
|
12
|
-
--kbq-select-panel-font-default-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
1
|
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
16
2
|
--kbq-select-panel-dropdown-background: var(--kbq-background-card);
|
|
17
3
|
--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/* stylelint-disable no-unknown-custom-properties */
|
|
2
|
-
|
|
3
|
-
.kbq-optgroup {
|
|
4
|
-
--kbq-optgroup-size-padding-left: 17px;
|
|
5
|
-
--kbq-optgroup-font-default-font-size: var(--kbq-typography-subheading-font-size);
|
|
6
|
-
--kbq-optgroup-font-default-line-height: var(--kbq-typography-subheading-line-height);
|
|
7
|
-
--kbq-optgroup-font-default-letter-spacing: var(--kbq-typography-subheading-letter-spacing);
|
|
8
|
-
--kbq-optgroup-font-default-font-weight: var(--kbq-typography-subheading-font-weight);
|
|
9
|
-
--kbq-optgroup-font-default-font-family: var(--kbq-typography-subheading-font-family);
|
|
10
|
-
--kbq-optgroup-font-default-text-transform: var(--kbq-typography-subheading-text-transform);
|
|
11
|
-
--kbq-optgroup-font-default-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);
|
|
12
|
-
}
|
package/markdown/README.md
DELETED
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/* stylelint-disable no-unknown-custom-properties */
|