@koobiq/components 17.0.1 → 17.0.2
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/datepicker/calendar-header.component.d.ts +1 -0
- package/esm2022/code-block/actionbar.component.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-header.component.mjs +6 -4
- package/esm2022/popover/popover-confirm.component.mjs +3 -3
- package/esm2022/popover/popover.component.mjs +3 -3
- package/esm2022/toast/toast.component.mjs +3 -3
- package/esm2022/toggle/toggle.component.mjs +3 -3
- package/fesm2022/koobiq-components-code-block.mjs +2 -2
- package/fesm2022/koobiq-components-core.mjs +1 -1
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +5 -3
- package/fesm2022/koobiq-components-datepicker.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-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/package.json +6 -6
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/schematics/ng-add/index.js +4 -4
- package/toast/toast.component.scss +8 -0
- package/toggle/toggle.scss +24 -0
|
@@ -52,13 +52,13 @@ function ngAdd(options) {
|
|
|
52
52
|
}
|
|
53
53
|
// Installing dependencies
|
|
54
54
|
addPackageToPackageJson(tree, '@angular/cdk', "^17.2.0");
|
|
55
|
-
addPackageToPackageJson(tree, '@koobiq/cdk', "^17.0.
|
|
56
|
-
addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.0.
|
|
55
|
+
addPackageToPackageJson(tree, '@koobiq/cdk', "^17.0.2");
|
|
56
|
+
addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.0.2");
|
|
57
57
|
addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.2");
|
|
58
58
|
addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.2");
|
|
59
59
|
addPackageToPackageJson(tree, '@koobiq/icons', "^7.1.1");
|
|
60
|
-
addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0
|
|
61
|
-
addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0
|
|
60
|
+
addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0");
|
|
61
|
+
addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0");
|
|
62
62
|
addPackageToPackageJson(tree, '@messageformat/core', "^3.0.1");
|
|
63
63
|
addPackageToPackageJson(tree, 'luxon', "^3.4.4");
|
|
64
64
|
addPackageToPackageJson(tree, 'marked', "^9.0.0");
|
|
@@ -20,6 +20,7 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.kbq-toast__icon-container {
|
|
23
|
+
flex-shrink: 0;
|
|
23
24
|
width: kbq-css-variable(toast-size-icon-width);
|
|
24
25
|
max-width: kbq-css-variable(toast-size-icon-width);
|
|
25
26
|
height: kbq-css-variable(toast-size-icon-height);
|
|
@@ -44,11 +45,18 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
44
45
|
padding-top: kbq-css-variable(toast-size-content-padding-top);
|
|
45
46
|
padding-right: kbq-css-variable(size-s);
|
|
46
47
|
padding-bottom: kbq-css-variable(toast-size-content-padding-bottom);
|
|
48
|
+
|
|
49
|
+
overflow: hidden;
|
|
47
50
|
}
|
|
48
51
|
|
|
49
52
|
.kbq-toast__title {
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
text-overflow: ellipsis;
|
|
55
|
+
|
|
50
56
|
& > p {
|
|
51
57
|
margin: 0;
|
|
58
|
+
overflow: hidden;
|
|
59
|
+
text-overflow: ellipsis;
|
|
52
60
|
}
|
|
53
61
|
}
|
|
54
62
|
|
package/toggle/toggle.scss
CHANGED
|
@@ -29,6 +29,17 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
29
29
|
&.left {
|
|
30
30
|
flex-direction: row-reverse;
|
|
31
31
|
}
|
|
32
|
+
|
|
33
|
+
.kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
|
|
34
|
+
padding-top: calc(
|
|
35
|
+
(
|
|
36
|
+
var(
|
|
37
|
+
--toggle-font-normal-label-line-height,
|
|
38
|
+
map.get($tokens, toggle-font-normal-label-line-height)
|
|
39
|
+
) - var(--toggle-size-normal-height, map.get($tokens, toggle-size-normal-height))
|
|
40
|
+
) / 2
|
|
41
|
+
);
|
|
42
|
+
}
|
|
32
43
|
}
|
|
33
44
|
|
|
34
45
|
.kbq-toggle-bar-container {
|
|
@@ -82,6 +93,19 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
82
93
|
& .kbq-hint {
|
|
83
94
|
margin-top: kbq-css-variable(toggle-size-big-vertical-content-padding);
|
|
84
95
|
}
|
|
96
|
+
|
|
97
|
+
.kbq-toggle-layout {
|
|
98
|
+
.kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
|
|
99
|
+
padding-top: calc(
|
|
100
|
+
(
|
|
101
|
+
var(--toggle-font-big-label-line-height, map.get($tokens, toggle-font-big-label-line-height)) - var(
|
|
102
|
+
--toggle-size-big-height,
|
|
103
|
+
map.get($tokens, toggle-size-big-height)
|
|
104
|
+
)
|
|
105
|
+
) / 2
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
85
109
|
}
|
|
86
110
|
|
|
87
111
|
.kbq-toggle:not(.kbq-disabled) {
|