@koobiq/components 17.8.5 → 17.8.6
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/alert/alert-tokens.scss +2 -2
- package/alert/alert.component.scss +10 -0
- package/esm2022/alert/alert.component.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/modal/modal.directive.mjs +43 -7
- package/esm2022/timezone/timezone-option.component.mjs +2 -2
- package/esm2022/timezone/timezone-select.component.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +1 -1
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +37 -5
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +4 -4
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/modal/modal.directive.d.ts +3 -0
- package/package.json +4 -4
- package/schematics/ng-add/index.js +2 -2
- package/timezone/timezone-option-tokens.scss +29 -0
|
@@ -1,4 +1,23 @@
|
|
|
1
1
|
.kbq-timezone-select__panel {
|
|
2
|
+
--kbq-option-size-horizontal-padding: 12px;
|
|
3
|
+
--kbq-option-size-height: 32px;
|
|
4
|
+
--kbq-option-size-border-width: 2px;
|
|
5
|
+
--kbq-select-size-single-padding-left: 12px;
|
|
6
|
+
--kbq-select-size-single-padding-right: 4px;
|
|
7
|
+
--kbq-select-size-single-padding-vertical: 6px;
|
|
8
|
+
--kbq-select-size-single-content-gap: 4px;
|
|
9
|
+
--kbq-select-size-multiple-padding-left: 4px;
|
|
10
|
+
--kbq-select-size-multiple-padding-right: 4px;
|
|
11
|
+
--kbq-select-size-multiple-padding-vertical: 4px;
|
|
12
|
+
--kbq-select-size-multiple-content-gap: 4px;
|
|
13
|
+
--kbq-select-panel-size-border-radius: 8px;
|
|
14
|
+
--kbq-select-panel-size-max-height: 256px;
|
|
15
|
+
--kbq-select-panel-font-default-font-size: 14px;
|
|
16
|
+
--kbq-select-panel-font-default-line-height: 20px;
|
|
17
|
+
--kbq-select-panel-font-default-letter-spacing: -0.006em;
|
|
18
|
+
--kbq-select-panel-font-default-font-weight: normal;
|
|
19
|
+
--kbq-select-panel-font-default-text-transform: null;
|
|
20
|
+
--kbq-select-panel-font-default-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
2
21
|
--kbq-timezone-option-size-padding: 6px 10px;
|
|
3
22
|
--kbq-timezone-option-size-column-gap: 16px;
|
|
4
23
|
--kbq-timezone-option-size-height: auto;
|
|
@@ -28,6 +47,7 @@
|
|
|
28
47
|
--kbq-timezone-option-font-optgroup-label-font-weight: 500;
|
|
29
48
|
--kbq-timezone-option-font-optgroup-label-text-transform: uppercase;
|
|
30
49
|
--kbq-timezone-option-font-optgroup-label-font-feature-settings: 'calt', 'case', 'kern', 'liga', 'ss01', 'ss04';
|
|
50
|
+
--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family);
|
|
31
51
|
--kbq-timezone-option-font-text-font-family: var(--kbq-typography-tabular-normal-font-family);
|
|
32
52
|
--kbq-timezone-option-font-offset-text-font-family: var(--kbq-typography-tabular-normal-font-family);
|
|
33
53
|
--kbq-timezone-option-font-caption-font-family: var(--kbq-typography-text-compact-font-family);
|
|
@@ -35,6 +55,8 @@
|
|
|
35
55
|
}
|
|
36
56
|
|
|
37
57
|
:root {
|
|
58
|
+
--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
59
|
+
Arial, sans-serif;
|
|
38
60
|
--kbq-typography-tabular-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
39
61
|
Arial, sans-serif;
|
|
40
62
|
--kbq-typography-text-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
@@ -44,12 +66,19 @@
|
|
|
44
66
|
}
|
|
45
67
|
|
|
46
68
|
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
69
|
+
--kbq-divider-color: hsla(229, 15%, 6%, 12%);
|
|
70
|
+
--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);
|
|
71
|
+
--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%),
|
|
72
|
+
0 3px 8px hsla(229, 15%, 6%, 12%);
|
|
47
73
|
--kbq-timezone-option-text: hsla(229, 15%, 15%, 100%);
|
|
48
74
|
--kbq-timezone-option-caption: hsla(229, 15%, 50%, 100%);
|
|
49
75
|
--kbq-timezone-option-optgroup-label: hsla(229, 15%, 50%, 100%);
|
|
50
76
|
}
|
|
51
77
|
|
|
52
78
|
:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
|
|
79
|
+
--kbq-divider-color: hsla(229, 15%, 22%, 100%);
|
|
80
|
+
--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);
|
|
81
|
+
--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%);
|
|
53
82
|
--kbq-timezone-option-text: hsla(229, 15%, 80%, 100%);
|
|
54
83
|
--kbq-timezone-option-caption: hsla(229, 15%, 60%, 100%);
|
|
55
84
|
--kbq-timezone-option-optgroup-label: hsla(229, 15%, 60%, 100%);
|