@koobiq/components 16.0.0-beta.1 → 16.0.0-beta.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.
Files changed (107) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +2 -2
  3. package/autocomplete/autocomplete-origin.directive.d.ts +1 -1
  4. package/autocomplete/autocomplete-trigger.directive.d.ts +1 -1
  5. package/autocomplete/autocomplete.component.d.ts +1 -1
  6. package/badge/README.md +0 -0
  7. package/{core/styles/theming/_badges-theme.scss → badge/_badge-theme.scss} +1 -5
  8. package/badge/badge.component.d.ts +26 -0
  9. package/badge/badge.component.scss +55 -0
  10. package/badge/badge.module.d.ts +10 -0
  11. package/badge/index.d.ts +1 -0
  12. package/badge/public-api.d.ts +2 -0
  13. package/checkbox/README.md +1 -1
  14. package/checkbox/checkbox.d.ts +1 -1
  15. package/core/common-behaviors/common-module.d.ts +1 -1
  16. package/core/styles/_koobiq-theme.scss +1 -1
  17. package/core/styles/_tokens.kbq.import.scss +4 -4
  18. package/core/styles/_tokens.scss +4 -4
  19. package/datepicker/datepicker-animations.d.ts +1 -1
  20. package/esm2022/autocomplete/autocomplete-origin.directive.mjs +4 -4
  21. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +8 -8
  22. package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
  23. package/esm2022/badge/badge.component.mjs +62 -0
  24. package/esm2022/badge/badge.module.mjs +36 -0
  25. package/esm2022/badge/index.mjs +2 -0
  26. package/esm2022/badge/koobiq-components-badge.mjs +5 -0
  27. package/esm2022/badge/public-api.mjs +3 -0
  28. package/esm2022/checkbox/checkbox.mjs +2 -2
  29. package/esm2022/code-block/actionbar.component.mjs +3 -3
  30. package/esm2022/core/common-behaviors/common-module.mjs +2 -2
  31. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
  32. package/esm2022/core/version.mjs +2 -2
  33. package/esm2022/datepicker/calendar-header.component.mjs +3 -3
  34. package/esm2022/datepicker/datepicker-animations.mjs +2 -2
  35. package/esm2022/form-field/form-field.mjs +5 -5
  36. package/esm2022/form-field/password-hint.mjs +2 -2
  37. package/esm2022/form-field/password-toggle.mjs +5 -5
  38. package/esm2022/form-field/prefix.mjs +3 -3
  39. package/esm2022/form-field/validate.directive.mjs +5 -5
  40. package/esm2022/input/input-errors.mjs +2 -2
  41. package/esm2022/input/input-number.mjs +3 -3
  42. package/esm2022/input/input-password.mjs +5 -5
  43. package/esm2022/input/input.mjs +7 -7
  44. package/esm2022/link/link.component.mjs +2 -12
  45. package/esm2022/navbar/vertical-navbar.animation.mjs +2 -2
  46. package/esm2022/select/select.component.mjs +4 -4
  47. package/esm2022/tabs/tab-group.component.mjs +3 -3
  48. package/esm2022/tags/tag-input.mjs +8 -8
  49. package/esm2022/tags/tag-list.component.mjs +3 -3
  50. package/esm2022/tags/tag.component.mjs +6 -6
  51. package/esm2022/textarea/textarea.component.mjs +4 -4
  52. package/esm2022/tooltip/tooltip.animations.mjs +2 -2
  53. package/esm2022/tooltip/tooltip.component.mjs +14 -14
  54. package/esm2022/tree/padding.directive.mjs +2 -2
  55. package/esm2022/tree-select/tree-select.component.mjs +3 -3
  56. package/fesm2022/koobiq-components-autocomplete.mjs +12 -12
  57. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  58. package/fesm2022/koobiq-components-badge.mjs +102 -0
  59. package/fesm2022/koobiq-components-badge.mjs.map +1 -0
  60. package/fesm2022/koobiq-components-checkbox.mjs +1 -1
  61. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  62. package/fesm2022/koobiq-components-code-block.mjs +2 -2
  63. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  64. package/fesm2022/koobiq-components-core.mjs +4 -4
  65. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  66. package/fesm2022/koobiq-components-datepicker.mjs +3 -3
  67. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  68. package/fesm2022/koobiq-components-form-field.mjs +15 -15
  69. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  70. package/fesm2022/koobiq-components-input.mjs +13 -13
  71. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  72. package/fesm2022/koobiq-components-link.mjs +1 -11
  73. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  74. package/fesm2022/koobiq-components-navbar.mjs +1 -1
  75. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  76. package/fesm2022/koobiq-components-select.mjs +3 -3
  77. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  78. package/fesm2022/koobiq-components-tabs.mjs +2 -2
  79. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  80. package/fesm2022/koobiq-components-tags.mjs +14 -14
  81. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  82. package/fesm2022/koobiq-components-textarea.mjs +3 -3
  83. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  84. package/fesm2022/koobiq-components-tooltip.mjs +14 -14
  85. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  86. package/fesm2022/koobiq-components-tree-select.mjs +2 -2
  87. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  88. package/fesm2022/koobiq-components-tree.mjs +1 -1
  89. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  90. package/form-field/form-field.d.ts +2 -2
  91. package/form-field/password-toggle.d.ts +2 -2
  92. package/form-field/prefix.d.ts +1 -1
  93. package/form-field/validate.directive.d.ts +1 -1
  94. package/input/input-number.d.ts +1 -1
  95. package/input/input-password.d.ts +1 -1
  96. package/input/input.d.ts +2 -2
  97. package/link/link.component.d.ts +1 -4
  98. package/package.json +36 -30
  99. package/prebuilt-themes/dark-theme.css +1 -1
  100. package/prebuilt-themes/light-theme.css +1 -1
  101. package/tags/tag-input.d.ts +1 -1
  102. package/tags/tag.component.d.ts +3 -3
  103. package/textarea/textarea.component.d.ts +1 -1
  104. package/tooltip/tooltip.animations.d.ts +1 -1
  105. package/tooltip/tooltip.component.d.ts +4 -4
  106. package/core/styles/theming/_badges.scss +0 -57
  107. package/core/styles/theming/prebuilt/light-theme.scss +0 -20
package/core/styles/theming/_badges.scss DELETED
@@ -1,57 +0,0 @@
1
- @use 'sass:meta';
2
- @use 'sass:map';
3
-
4
- //@use '../tokens.kbq.import' as tokens;
5
-
6
- //$tokens: meta.module-variables(tokens) !default;
7
-
8
-
9
- @mixin kbq-badge($tokens) {
10
- .kbq-badge-filled,
11
- .kbq-badge-outline {
12
- display: inline-flex;
13
- flex-direction: row;
14
- justify-content: flex-start;
15
- align-items: center;
16
-
17
- text-align: center;
18
- white-space: nowrap;
19
-
20
- border-style: solid;
21
-
22
- box-sizing: border-box;
23
-
24
- padding:
25
- var(--kbq-badge-size-normal-vertical-padding, map.get($tokens, badge-size-normal-vertical-padding))
26
- var(--kbq-badge-size-normal-horizontal-padding, map.get($tokens, badge-size-normal-horizontal-padding));
27
-
28
- border: {
29
- width: var(--kbq-badge-size-normal-border-width, map.get($tokens, badge-size-normal-border-width));
30
- radius: var(--kbq-badge-size-normal-border-radius, map.get($tokens, badge-size-normal-border-radius));
31
- }
32
-
33
- & .kbq-badge-caption {
34
- padding-left:
35
- var(--kbq-badge-size-normal-content-padding, map.get($tokens, badge-size-normal-content-padding));
36
- }
37
-
38
- &.kbq-badge_compact {
39
- padding:
40
- var(--kbq-badge-size-compact-vertical-padding, map.get($tokens, badge-size-compact-vertical-padding))
41
- var(
42
- --kbq-badge-size-compact-horizontal-padding,
43
- map.get($tokens, badge-size-compact-horizontal-padding)
44
- );
45
-
46
- border: {
47
- width: var(--kbq-badge-size-compact-border-width, map.get($tokens, badge-size-compact-border-width));
48
- radius: var(--kbq-badge-size-compact-border-radius, map.get($tokens, badge-size-compact-border-radius));
49
- }
50
-
51
- & .kbq-badge-caption {
52
- padding-left:
53
- var(--kbq-badge-size-compact-content-padding, map.get($tokens, badge-size-compact-content-padding));
54
- }
55
- }
56
- }
57
- }
package/core/styles/theming/prebuilt/light-theme.scss DELETED
@@ -1,20 +0,0 @@
1
- @use 'sass:meta';
2
-
3
- // this file used only for generate .css bundle
4
- @use '../../tokens.kbq.import' as tokens;
5
-
6
- $tokens: meta.module-variables(tokens);
7
-
8
- @use '../../core';
9
- @use '../theming';
10
- @use '../../koobiq-theme' as koobiq-theme;
11
-
12
-
13
- @include core.kbq-core();
14
-
15
- // Include all theme styles for the components.
16
- $theme: theming.kbq-light-theme($tokens);
17
- @include koobiq-theme.koobiq-theme($theme);
18
-
19
- // Include all typography for the components.
20
- @include koobiq-theme.koobiq-typography($tokens);