@infonomic/uikit 5.41.0 → 5.42.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 (164) hide show
  1. package/dist/components/@types/shared.d.ts +52 -0
  2. package/dist/components/@types/shared.d.ts.map +1 -1
  3. package/dist/components/accordion/accordion.d.ts.map +1 -1
  4. package/dist/components/accordion/accordion.module.css +1 -2
  5. package/dist/components/avatar/avatar.d.ts.map +1 -1
  6. package/dist/components/avatar/avatar.module.css +6 -7
  7. package/dist/components/badge/badge.d.ts.map +1 -1
  8. package/dist/components/badge/badge.module.css +6 -7
  9. package/dist/components/button/@types/button.d.ts +31 -1
  10. package/dist/components/button/@types/button.d.ts.map +1 -1
  11. package/dist/components/button/button-group.module.css +1 -3
  12. package/dist/components/button/button.module.css +48 -31
  13. package/dist/components/button/combo-button.d.ts.map +1 -1
  14. package/dist/components/button/combo-button.module.css +3 -3
  15. package/dist/components/button/control-buttons.module.css +1 -2
  16. package/dist/components/button/copy-button.d.ts.map +1 -1
  17. package/dist/components/button/copy-button.module.css +6 -7
  18. package/dist/components/card/card.d.ts.map +1 -1
  19. package/dist/components/card/card.module.css +6 -10
  20. package/dist/components/chips/@types/chip.d.ts +20 -0
  21. package/dist/components/chips/@types/chip.d.ts.map +1 -1
  22. package/dist/components/chips/chip.d.ts.map +1 -1
  23. package/dist/components/chips/chip.module.css +30 -19
  24. package/dist/components/container/container.d.ts.map +1 -1
  25. package/dist/components/container/container.module.css +6 -10
  26. package/dist/components/dropdown/dropdown.module.css +6 -7
  27. package/dist/components/forms/@types/checkbox.d.ts +28 -1
  28. package/dist/components/forms/@types/checkbox.d.ts.map +1 -1
  29. package/dist/components/forms/@types/input.d.ts +29 -1
  30. package/dist/components/forms/@types/input.d.ts.map +1 -1
  31. package/dist/components/forms/calendar.module.css +14 -14
  32. package/dist/components/forms/checkbox-group.d.ts.map +1 -1
  33. package/dist/components/forms/checkbox.d.ts.map +1 -1
  34. package/dist/components/forms/checkbox.module.css +16 -17
  35. package/dist/components/forms/error-text.module.css +6 -7
  36. package/dist/components/forms/help-text.d.ts.map +1 -1
  37. package/dist/components/forms/help-text.module.css +6 -7
  38. package/dist/components/forms/input-adornment.module.css +6 -7
  39. package/dist/components/forms/input-password.d.ts.map +1 -1
  40. package/dist/components/forms/input.d.ts.map +1 -1
  41. package/dist/components/forms/input.module.css +6 -7
  42. package/dist/components/forms/label.module.css +6 -7
  43. package/dist/components/forms/radio-group.module.css +6 -7
  44. package/dist/components/forms/select.d.ts.map +1 -1
  45. package/dist/components/forms/select.module.css +6 -7
  46. package/dist/components/forms/text-area.module.css +10 -9
  47. package/dist/components/notifications/@types/alert.d.ts +16 -1
  48. package/dist/components/notifications/@types/alert.d.ts.map +1 -1
  49. package/dist/components/notifications/@types/toast.d.ts +36 -1
  50. package/dist/components/notifications/@types/toast.d.ts.map +1 -1
  51. package/dist/components/notifications/alert.d.ts.map +1 -1
  52. package/dist/components/notifications/alert.module.css +6 -7
  53. package/dist/components/notifications/toast.module.css +6 -8
  54. package/dist/components/overlay/overlay.module.css +6 -4
  55. package/dist/components/pager/@types/index.d.ts +12 -0
  56. package/dist/components/pager/@types/index.d.ts.map +1 -1
  57. package/dist/components/pager/pagination.module.css +6 -8
  58. package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
  59. package/dist/components/scroll-area/scroll-area.module.css +6 -7
  60. package/dist/components/scroll-to-top/scroll-to-top.module.css +5 -7
  61. package/dist/components/section/section.d.ts.map +1 -1
  62. package/dist/components/section/section.module.css +6 -7
  63. package/dist/components/shimmer/shimmer.module.css +6 -8
  64. package/dist/components/table/table.d.ts.map +1 -1
  65. package/dist/components/table/table.module.css +6 -8
  66. package/dist/components/tabs/tabs.module.css +6 -7
  67. package/dist/components/tooltip/tooltip.module.css +6 -7
  68. package/dist/icons/eye-closed-icon.d.ts.map +1 -1
  69. package/dist/icons/eye-open-icon.d.ts.map +1 -1
  70. package/dist/icons/icons.module.css +1 -1
  71. package/dist/widgets/datepicker/datepicker.d.ts.map +1 -1
  72. package/dist/widgets/datepicker/datepicker.module.css +1 -2
  73. package/dist/widgets/drawer/drawer-container.d.ts.map +1 -1
  74. package/dist/widgets/drawer/drawer-content.d.ts.map +1 -1
  75. package/dist/widgets/drawer/drawer.module.css +1 -3
  76. package/dist/widgets/modal/modal-actions.d.ts.map +1 -1
  77. package/dist/widgets/modal/modal-container.d.ts.map +1 -1
  78. package/dist/widgets/modal/modal-content.d.ts.map +1 -1
  79. package/dist/widgets/modal/modal.module.css +1 -3
  80. package/dist/widgets/timeline/timeline.module.css +6 -8
  81. package/package.json +1 -1
  82. package/src/components/@types/shared.ts +55 -0
  83. package/src/components/accordion/accordion.module.css +1 -2
  84. package/src/components/accordion/accordion.stories.tsx +1 -2
  85. package/src/components/accordion/accordion.tsx +25 -5
  86. package/src/components/avatar/avatar.module.css +6 -7
  87. package/src/components/avatar/avatar.tsx +9 -2
  88. package/src/components/badge/badge.module.css +6 -7
  89. package/src/components/badge/badge.tsx +7 -1
  90. package/src/components/button/@types/button.ts +36 -1
  91. package/src/components/button/button-group.module.css +1 -3
  92. package/src/components/button/button.module.css +48 -31
  93. package/src/components/button/button.tsx +1 -1
  94. package/src/components/button/combo-button.module.css +3 -3
  95. package/src/components/button/combo-button.tsx +17 -5
  96. package/src/components/button/combo-buttons.stories.tsx +6 -3
  97. package/src/components/button/control-buttons.module.css +1 -2
  98. package/src/components/button/copy-button.module.css +6 -7
  99. package/src/components/button/copy-button.tsx +12 -3
  100. package/src/components/card/card.module.css +6 -10
  101. package/src/components/card/card.tsx +20 -4
  102. package/src/components/chips/@types/chip.ts +22 -0
  103. package/src/components/chips/chip.module.css +30 -19
  104. package/src/components/chips/chip.tsx +10 -5
  105. package/src/components/container/container.module.css +6 -10
  106. package/src/components/container/container.tsx +1 -1
  107. package/src/components/dropdown/dropdown.module.css +6 -7
  108. package/src/components/forms/@types/checkbox.ts +31 -1
  109. package/src/components/forms/@types/input.ts +32 -1
  110. package/src/components/forms/calendar.module.css +14 -14
  111. package/src/components/forms/checkbox-group.tsx +1 -1
  112. package/src/components/forms/checkbox.module.css +16 -17
  113. package/src/components/forms/checkbox.tsx +4 -1
  114. package/src/components/forms/error-text.module.css +6 -7
  115. package/src/components/forms/help-text.module.css +6 -7
  116. package/src/components/forms/help-text.tsx +5 -1
  117. package/src/components/forms/input-adornment.module.css +6 -7
  118. package/src/components/forms/input-password.tsx +7 -1
  119. package/src/components/forms/input.module.css +6 -7
  120. package/src/components/forms/input.tsx +18 -2
  121. package/src/components/forms/label.module.css +6 -7
  122. package/src/components/forms/radio-group.module.css +6 -7
  123. package/src/components/forms/select.module.css +6 -7
  124. package/src/components/forms/select.tsx +3 -1
  125. package/src/components/forms/text-area.module.css +10 -9
  126. package/src/components/notifications/@types/alert.ts +17 -1
  127. package/src/components/notifications/@types/toast.ts +40 -1
  128. package/src/components/notifications/alert.module.css +6 -7
  129. package/src/components/notifications/alert.tsx +10 -3
  130. package/src/components/notifications/toast.module.css +6 -8
  131. package/src/components/overlay/overlay.module.css +6 -4
  132. package/src/components/pager/@types/index.ts +13 -0
  133. package/src/components/pager/pagination.module.css +6 -8
  134. package/src/components/pager/pagination.tsx +6 -1
  135. package/src/components/scroll-area/scroll-area.module.css +6 -7
  136. package/src/components/scroll-area/scroll-area.tsx +13 -4
  137. package/src/components/scroll-to-top/scroll-to-top.module.css +5 -7
  138. package/src/components/section/section.module.css +6 -7
  139. package/src/components/section/section.tsx +1 -1
  140. package/src/components/shimmer/shimmer.module.css +6 -8
  141. package/src/components/table/table.module.css +6 -8
  142. package/src/components/table/table.tsx +6 -1
  143. package/src/components/tabs/tabs.module.css +6 -7
  144. package/src/components/tooltip/tooltip.module.css +6 -7
  145. package/src/icons/ai-icon.tsx +1 -1
  146. package/src/icons/eye-closed-icon.tsx +2 -1
  147. package/src/icons/eye-open-icon.tsx +1 -5
  148. package/src/icons/icons.module.css +1 -1
  149. package/src/styles/base/base.css +1 -1
  150. package/src/styles/base/colors.css +1 -2
  151. package/src/styles/components/loaders.css +1 -1
  152. package/src/styles/functional/colors.css +201 -56
  153. package/src/styles/functional/surfaces.css +1 -2
  154. package/src/styles/functional/typography.css +1 -1
  155. package/src/widgets/datepicker/datepicker.module.css +1 -2
  156. package/src/widgets/datepicker/datepicker.tsx +44 -16
  157. package/src/widgets/drawer/drawer-container.tsx +6 -1
  158. package/src/widgets/drawer/drawer-content.tsx +5 -1
  159. package/src/widgets/drawer/drawer.module.css +1 -3
  160. package/src/widgets/modal/modal-actions.tsx +5 -1
  161. package/src/widgets/modal/modal-container.tsx +5 -1
  162. package/src/widgets/modal/modal-content.tsx +5 -1
  163. package/src/widgets/modal/modal.module.css +1 -3
  164. package/src/widgets/timeline/timeline.module.css +6 -8
@@ -1,9 +1,61 @@
1
+ /**
2
+ * Available size tokens, ordered from smallest to largest.
3
+ * Most components default to `'md'`.
4
+ */
1
5
  export declare const size: readonly ["xs", "sm", "md", "lg", "xl"];
6
+ /**
7
+ * Visual size of a component.
8
+ *
9
+ * - `xs` — extra-small, compact inline use
10
+ * - `sm` — small, tight layouts
11
+ * - `md` — standard size (default for most components)
12
+ * - `lg` — large, prominent elements
13
+ * - `xl` — extra-large, hero or display use
14
+ *
15
+ * @default 'md'
16
+ */
2
17
  export type Size = (typeof size)[number];
18
+ /**
19
+ * Available semantic color intents.
20
+ * Controls the visual meaning (color, icon) of a component.
21
+ */
3
22
  export declare const intent: readonly ["primary", "secondary", "noeffect", "success", "info", "warning", "danger"];
23
+ /**
24
+ * Semantic color intent applied to a component.
25
+ *
26
+ * - `primary` — brand/main action (blue by default)
27
+ * - `secondary` — alternate/supporting action
28
+ * - `noeffect` — neutral, no color emphasis (gray)
29
+ * - `success` — positive outcome or confirmation (green)
30
+ * - `info` — informational, non-critical (cyan/blue)
31
+ * - `warning` — caution, needs attention (yellow/amber)
32
+ * - `danger` — destructive action or error state (red)
33
+ *
34
+ * @default 'primary'
35
+ */
4
36
  export type Intent = (typeof intent)[number];
37
+ /**
38
+ * Status icon variants used inside notification components.
39
+ */
5
40
  export declare const icons: readonly ["success", "info", "success", "warning", "danger"];
41
+ /**
42
+ * Icon variant shown inside a notification (e.g. Toast, Alert).
43
+ * Maps to the corresponding status icon.
44
+ */
6
45
  export type Icons = (typeof icons)[number];
46
+ /**
47
+ * Screen corner positions for floating elements.
48
+ */
7
49
  export declare const position: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
50
+ /**
51
+ * Corner position for floating/overlay elements such as toasts and popovers.
52
+ *
53
+ * - `top-left` — top-left corner of the viewport
54
+ * - `top-right` — top-right corner of the viewport (default for toasts)
55
+ * - `bottom-left` — bottom-left corner of the viewport
56
+ * - `bottom-right` — bottom-right corner of the viewport
57
+ *
58
+ * @default 'top-right'
59
+ */
8
60
  export type Position = (typeof position)[number];
9
61
  //# sourceMappingURL=shared.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/@types/shared.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,yCAA0C,CAAA;AAC3D,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC,eAAO,MAAM,MAAM,uFAQT,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5C,eAAO,MAAM,KAAK,8DAA+D,CAAA;AACjF,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1C,eAAO,MAAM,QAAQ,mEAAoE,CAAA;AACzF,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA"}
1
+ {"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/@types/shared.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,IAAI,yCAA0C,CAAA;AAE3D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC;;;GAGG;AACH,eAAO,MAAM,MAAM,uFAQT,CAAA;AAEV;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,KAAK,8DAA+D,CAAA;AAEjF;;;GAGG;AACH,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1C;;GAEG;AACH,eAAO,MAAM,QAAQ,mEAAoE,CAAA;AAEzF;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAI1D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAmB5D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAgB5D,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAgB7D,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;AAgBlE,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAgB/D,eAAO,MAAM,SAAS;mDA5EnB;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C,GAAG,CAAC,kBAAkB,CAAC,oBAAoB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC;mDActF,kBAAkB,CAAC,kBAAkB,GAAG;QACzC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C;qDAcE,kBAAkB,CAAC,oBAAoB,GAAG;QAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;KAC9C;sDAcE,kBAAkB,CAAC,qBAAqB,GAAG;QAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C;sDAcE,kBAAkB,CAAC,qBAAqB,GAAG;QAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C;CAcA,CAAA"}
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAI1D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAuB5D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAoB5D,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAoB7D,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;AAoBlE,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAoB/D,eAAO,MAAM,SAAS;mDAhGnB;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C,GAAG,CAAC,kBAAkB,CAAC,oBAAoB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC;mDAkBtF,kBAAkB,CAAC,kBAAkB,GAAG;QACzC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C;qDAkBE,kBAAkB,CAAC,oBAAoB,GAAG;QAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;KAC9C;sDAkBE,kBAAkB,CAAC,qBAAqB,GAAG;QAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C;sDAkBE,kBAAkB,CAAC,qBAAqB,GAAG;QAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C;CAkBA,CAAA"}
@@ -1,7 +1,6 @@
1
1
  @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
2
2
 
3
3
  @layer infonomic-components {
4
-
5
4
  .item,
6
5
  :global(.infonomic-accordion-item) {
7
6
  overflow: hidden;
@@ -54,4 +53,4 @@
54
53
  height: 0;
55
54
  }
56
55
  }
57
- }
56
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,MAAM,GAAI,cAAc;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAG,KAAK,CAAC,GAAG,CAAC,OASrE,CAAA"}
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,MAAM,GAAI,cAAc;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAG,KAAK,CAAC,GAAG,CAAC,OAgBrE,CAAA"}
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  /* relative inline-flex h-10 w-10 rounded-full */
11
10
  .avatar-root,
12
11
  :global(.infonomic-avatar-root) {
@@ -60,4 +59,4 @@ infonomic-components;
60
59
  color: var(--gray-400);
61
60
  }
62
61
  }
63
- }
62
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAE9C,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE7F,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;CACtB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,eAAO,MAAM,KAAK;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,kEAO9C,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAWnC,CAAA"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAE9C,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE7F,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;CACtB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,eAAO,MAAM,KAAK;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,kEAO9C,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiBnC,CAAA"}
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  .badge,
11
10
  :global(.infonomic-badge) {
12
11
  display: inline-block;
@@ -64,4 +63,4 @@ infonomic-components;
64
63
 
65
64
  /* Dark mode - All intents now handled by semantic tokens in theme layer */
66
65
  /* No overrides needed! Tokens automatically switch in .dark and respect .not-dark */
67
- }
66
+ }
@@ -1,11 +1,41 @@
1
1
  import type { Size as s, Intent as t } from '../../@types/shared.js';
2
2
  /**
3
- * This file contains the types and prop-types for Button and IconButton component.
3
+ * This file contains the types and prop-types for the Button and IconButton components.
4
+ */
5
+ /**
6
+ * Available visual style variants for Button and IconButton.
4
7
  */
5
8
  export declare const variant: readonly ["filled", "filled-weak", "outlined", "gradient", "text"];
9
+ /**
10
+ * Visual style variant of the button.
11
+ *
12
+ * - `filled` — solid background fill using the intent color (default)
13
+ * - `filled-weak` — lightly tinted background, lower visual weight than `filled`
14
+ * - `outlined` — transparent background with an intent-colored border
15
+ * - `gradient` — gradient background from intent start to end color
16
+ * - `text` — no background or border, label only (like a hyperlink)
17
+ *
18
+ * @default 'filled'
19
+ */
6
20
  export type Variant = (typeof variant)[number];
21
+ /**
22
+ * Size of the button. Inherits from the shared `Size` type.
23
+ * @default 'md'
24
+ */
7
25
  export type Size = 'md' | s;
26
+ /**
27
+ * Semantic color intent of the button. Inherits from the shared `Intent` type.
28
+ * @default 'primary'
29
+ */
8
30
  export type Intent = 'primary' | t;
31
+ /**
32
+ * When `true`, the button expands to fill 100% of its container width.
33
+ * @default false
34
+ */
9
35
  export type FullWidth = boolean;
36
+ /**
37
+ * When `true`, enables a Material-style ripple animation on click/tap.
38
+ * @default false
39
+ */
10
40
  export type EnableRipple = boolean;
11
41
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/@types/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEpE;;GAEG;AAGH,eAAO,MAAM,OAAO,oEAAqE,CAAA;AACzF,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9C,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAA;AAC3B,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAClC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAA;AAC/B,MAAM,MAAM,YAAY,GAAG,OAAO,CAAA"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/@types/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEpE;;GAEG;AAIH;;GAEG;AACH,eAAO,MAAM,OAAO,oEAAqE,CAAA;AAEzF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9C;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAA;AAE3B;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAElC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAA;AAE/B;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAA"}
@@ -1,7 +1,6 @@
1
1
  @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
2
2
 
3
3
  @layer infonomic-components {
4
-
5
4
  .button-group,
6
5
  :global(.infonomic-button-group) {
7
6
  display: flex;
@@ -12,10 +11,9 @@
12
11
  }
13
12
 
14
13
  @media screen and (min-width: 40rem) {
15
-
16
14
  .button-group,
17
15
  :global(.infonomic-button-group) {
18
16
  flex-direction: row;
19
17
  }
20
18
  }
21
- }
19
+ }
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  .button,
11
10
  :global(.infonomic-button) {
12
11
  border: none;
@@ -117,10 +116,14 @@ infonomic-components;
117
116
  .filled[disabled],
118
117
  :global(.infonomic-button-filled):disabled,
119
118
  :global(.infonomic-button-filled)[disabled] {
120
- background-color: var(--button-variant-filled-disabled,
121
- oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * 0.85) h));
122
- color: var(--button-variant-filled-foreground-disabled,
123
- oklch(from var(--button-variant-filled-foreground) calc(l * 0.9) calc(c * 0.85) h));
119
+ background-color: var(
120
+ --button-variant-filled-disabled,
121
+ oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * 0.85) h)
122
+ );
123
+ color: var(
124
+ --button-variant-filled-foreground-disabled,
125
+ oklch(from var(--button-variant-filled-foreground) calc(l * 0.9) calc(c * 0.85) h)
126
+ );
124
127
  }
125
128
 
126
129
  /* -------------------------------------------------------- */
@@ -148,10 +151,14 @@ infonomic-components;
148
151
  .filled-weak[disabled],
149
152
  :global(.infonomic-button-filled-weak):disabled,
150
153
  :global(.infonomic-button-filled-weak)[disabled] {
151
- background-color: var(--button-variant-filled-weak-disabled,
152
- oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * 0.85) h));
153
- color: var(--button-variant-filled-weak-foreground-disabled,
154
- oklch(from var(--button-variant-filled-weak-foreground) calc(l * 0.9) calc(c * 0.85) h));
154
+ background-color: var(
155
+ --button-variant-filled-weak-disabled,
156
+ oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * 0.85) h)
157
+ );
158
+ color: var(
159
+ --button-variant-filled-weak-foreground-disabled,
160
+ oklch(from var(--button-variant-filled-weak-foreground) calc(l * 0.9) calc(c * 0.85) h)
161
+ );
155
162
  }
156
163
 
157
164
  .outlined,
@@ -165,10 +172,14 @@ infonomic-components;
165
172
  .outlined[disabled],
166
173
  :global(.infonomic-button-outlined):disabled,
167
174
  :global(.infonomic-button-outlined)[disabled] {
168
- border-color: var(--button-variant-outlined-border-disabled,
169
- oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * 0.8) h));
170
- color: var(--button-variant-outlined-foreground-disabled,
171
- oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * 0.7) h));
175
+ border-color: var(
176
+ --button-variant-outlined-border-disabled,
177
+ oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * 0.8) h)
178
+ );
179
+ color: var(
180
+ --button-variant-outlined-foreground-disabled,
181
+ oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * 0.7) h)
182
+ );
172
183
  }
173
184
 
174
185
  .outlined:hover,
@@ -186,9 +197,11 @@ infonomic-components;
186
197
  .gradient,
187
198
  :global(.infonomic-button-gradient) {
188
199
  color: var(--button-variant-gradient-foreground);
189
- background: linear-gradient(45deg,
190
- var(--button-variant-gradient-start),
191
- var(--button-variant-gradient-end));
200
+ background: linear-gradient(
201
+ 45deg,
202
+ var(--button-variant-gradient-start),
203
+ var(--button-variant-gradient-end)
204
+ );
192
205
  }
193
206
 
194
207
  .gradient:disabled,
@@ -196,18 +209,24 @@ infonomic-components;
196
209
  :global(.infonomic-button-gradient):disabled,
197
210
  :global(.infonomic-button-gradient)[disabled] {
198
211
  background: unset;
199
- background-color: var(--button-variant-gradient-disabled,
200
- oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * 0.85) h));
201
- color: var(--button-variant-gradient-foreground-disabled,
202
- oklch(from var(--button-variant-gradient-foreground) calc(l * 0.9) calc(c * 0.85) h));
212
+ background-color: var(
213
+ --button-variant-gradient-disabled,
214
+ oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * 0.85) h)
215
+ );
216
+ color: var(
217
+ --button-variant-gradient-foreground-disabled,
218
+ oklch(from var(--button-variant-gradient-foreground) calc(l * 0.9) calc(c * 0.85) h)
219
+ );
203
220
  }
204
221
 
205
222
  .gradient:hover,
206
223
  :global(.infonomic-button-gradient):hover {
207
224
  color: var(--button-variant-gradient-foreground);
208
- background: linear-gradient(45deg,
209
- var(--button-variant-gradient-start),
210
- var(--button-variant-gradient-end));
225
+ background: linear-gradient(
226
+ 45deg,
227
+ var(--button-variant-gradient-start),
228
+ var(--button-variant-gradient-end)
229
+ );
211
230
  }
212
231
 
213
232
  .gradient:focus,
@@ -274,7 +293,6 @@ infonomic-components;
274
293
  --button-variant-text-hover: var(--fill-primary-text-hover);
275
294
  --button-variant-text-foreground: var(--text-primary);
276
295
 
277
-
278
296
  /* Gradient */
279
297
  --button-variant-gradient-start: var(--gradient-primary-start);
280
298
  --button-variant-gradient-end: var(--gradient-primary-end);
@@ -340,7 +358,6 @@ infonomic-components;
340
358
  --button-variant-filled-weak-foreground: var(--text-on-noeffect-weak);
341
359
  --button-variant-filled-weak-foreground-disabled: var(--text-on-noeffect-weak-disabled);
342
360
 
343
-
344
361
  /* Outlined */
345
362
  --button-variant-outlined: var(--fill-noeffect-outlined);
346
363
  --button-variant-outlined-hover: var(--fill-noeffect-outlined-hover);
@@ -525,4 +542,4 @@ infonomic-components;
525
542
  width: 100%;
526
543
  display: flex;
527
544
  }
528
- }
545
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"combo-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/combo-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAGD,eAAO,MAAM,WAAW,GAAI,qLAezB,gBAAgB,gCAmClB,CAAA"}
1
+ {"version":3,"file":"combo-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/combo-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,qLAezB,gBAAgB,gCAgDlB,CAAA"}
@@ -1,7 +1,6 @@
1
1
  @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
2
2
 
3
3
  @layer infonomic-components {
4
-
5
4
  .combo-button-wrapper,
6
5
  :global(.infonomic-combo-button-wrapper) {
7
6
  display: flex;
@@ -39,5 +38,6 @@
39
38
  }
40
39
 
41
40
  .combo-button-options-item,
42
- :global(.infonomic-combo-button-options-item) {}
43
- }
41
+ :global(.infonomic-combo-button-options-item) {
42
+ }
43
+ }
@@ -1,7 +1,6 @@
1
1
  @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
2
2
 
3
3
  @layer infonomic-components {
4
-
5
4
  .stop-button,
6
5
  .play-button,
7
6
  .directional-button,
@@ -132,4 +131,4 @@
132
131
  /* No dark theme overrides needed!
133
132
  * Tokens automatically switch in .dark and respect .not-dark
134
133
  */
135
- }
134
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/copy-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,UAAU,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAkB,EAClB,UAAsB,EACtB,OAAO,EACP,IAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkErC"}
1
+ {"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/copy-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,UAAU,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAkB,EAClB,UAAsB,EACtB,OAAO,EACP,IAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2ErC"}
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  .copy-button-container,
11
10
  :global(.infonomic-copy-button-container) {
12
11
  display: inline-block;
@@ -59,4 +58,4 @@ infonomic-components;
59
58
  min-height: 54px;
60
59
  padding: 0.65rem;
61
60
  }
62
- }
61
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,QAAA,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,iEAOtC,SAAS,CAAC,CAAC,CAAC;;;uCAkB+B,UAAU;;;;uCAMX,UAAU;;;;uCASJ,UAAU;;;;uCAKd,UAAU;;;;uCAKX,UAAU;;;CAjCvD,CAAA;AAID,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAsCD,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,QAAA,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,iEAOtC,SAAS,CAAC,CAAC,CAAC;;;uCAkB+B,UAAU;;;;uCAUX,UAAU;;;;uCASJ,UAAU;;;;uCASd,UAAU;;;;uCASX,UAAU;;;CA7CvD,CAAA;AAID,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAsDD,OAAO,EAAE,IAAI,EAAE,CAAA"}
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  .card,
11
10
  :global(.infonomic-card) {
12
11
  display: flex;
@@ -25,14 +24,12 @@ infonomic-components;
25
24
 
26
25
  :global(.dark),
27
26
  :global([data-theme="dark"]) {
28
-
29
27
  .card,
30
28
  :global(.infonomic-card) {
31
29
  background: var(--canvas-800);
32
30
  }
33
31
  }
34
32
 
35
-
36
33
  .card-hover,
37
34
  :global(.infonomic-card-hover) {
38
35
  transition: background 0.2s ease-in-out;
@@ -45,7 +42,6 @@ infonomic-components;
45
42
 
46
43
  :global(.dark),
47
44
  :global([data-theme="dark"]) {
48
-
49
45
  .card-hover:hover,
50
46
  :global(.infonomic-card-hover):hover {
51
47
  background: oklch(from var(--canvas-800) 0.2 c h);
@@ -89,4 +85,4 @@ infonomic-components;
89
85
  padding: 1rem;
90
86
  padding-top: 0;
91
87
  }
92
- }
88
+ }
@@ -1,6 +1,26 @@
1
1
  import type { Intent, Size } from '../../@types/shared.js';
2
+ /**
3
+ * Available behavioural variants for the Chip component.
4
+ */
2
5
  export declare const chipVariant: readonly ["assist", "selectable", "removable", "selectable-removable"];
6
+ /**
7
+ * Behavioural variant of the chip.
8
+ *
9
+ * - `assist` — non-interactive display chip, purely informational
10
+ * - `selectable` — toggles on/off when clicked (like a filter tag)
11
+ * - `removable` — shows a dismiss/close button to remove the chip
12
+ * - `selectable-removable` — combines toggle selection with a dismiss button
13
+ */
3
14
  export type ChipVariant = (typeof chipVariant)[number];
15
+ /**
16
+ * Semantic color intent of the chip. Inherits all values from the shared `Intent` type.
17
+ * Controls the chip's background and text color.
18
+ * @default 'primary'
19
+ */
4
20
  export type ChipIntent = Intent;
21
+ /**
22
+ * Visual size of the chip. Inherits all values from the shared `Size` type.
23
+ * @default 'md'
24
+ */
5
25
  export type ChipSize = Size;
6
26
  //# sourceMappingURL=chip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chips/@types/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE1D,eAAO,MAAM,WAAW,wEAAyE,CAAA;AACjG,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAA;AAC/B,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAA"}
1
+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chips/@types/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,WAAW,wEAAyE,CAAA;AAEjG;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAA;AAE/B;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chips/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,QAAQ,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAE9E,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AACnF,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AAEnF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAC9D,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,QAAQ,GAAG,MAAM,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,2KAiB7C,SAAS,CAAC,CAAC,CAAC;;CAkId,CAAA"}
1
+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chips/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,QAAQ,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAE9E,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AACnF,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AAEnF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAC9D,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,QAAQ,GAAG,MAAM,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,2KAiB7C,SAAS,CAAC,CAAC,CAAC;;CAwId,CAAA"}
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  .chip,
11
10
  :global(.infonomic-chip) {
12
11
  --chip-font-size: 0.9rem;
@@ -151,10 +150,14 @@ infonomic-components;
151
150
  .filled[disabled],
152
151
  :global(.infonomic-chip-filled):disabled,
153
152
  :global(.infonomic-chip-filled)[disabled] {
154
- background-color: var(--chip-variant-filled-disabled,
155
- oklch(from var(--chip-variant-filled) calc(l * 1.1) calc(c * 0.85) h));
156
- color: var(--chip-variant-filled-foreground-disabled,
157
- oklch(from var(--chip-variant-filled-foreground) calc(l * 0.9) calc(c * 0.85) h));
153
+ background-color: var(
154
+ --chip-variant-filled-disabled,
155
+ oklch(from var(--chip-variant-filled) calc(l * 1.1) calc(c * 0.85) h)
156
+ );
157
+ color: var(
158
+ --chip-variant-filled-foreground-disabled,
159
+ oklch(from var(--chip-variant-filled-foreground) calc(l * 0.9) calc(c * 0.85) h)
160
+ );
158
161
  }
159
162
 
160
163
  /* -------------------------------------------------------- */
@@ -182,10 +185,14 @@ infonomic-components;
182
185
  .filled-weak[disabled],
183
186
  :global(.infonomic-chip-filled-weak):disabled,
184
187
  :global(.infonomic-chip-filled-weak)[disabled] {
185
- background-color: var(--chip-variant-filled-weak-disabled,
186
- oklch(from var(--chip-variant-filled-weak) calc(l * 1.1) calc(c * 0.85) h));
187
- color: var(--chip-variant-filled-weak-foreground-disabled,
188
- oklch(from var(--chip-variant-filled-weak-foreground) calc(l * 0.9) calc(c * 0.85) h));
188
+ background-color: var(
189
+ --chip-variant-filled-weak-disabled,
190
+ oklch(from var(--chip-variant-filled-weak) calc(l * 1.1) calc(c * 0.85) h)
191
+ );
192
+ color: var(
193
+ --chip-variant-filled-weak-foreground-disabled,
194
+ oklch(from var(--chip-variant-filled-weak-foreground) calc(l * 0.9) calc(c * 0.85) h)
195
+ );
189
196
  }
190
197
 
191
198
  /* -------------------------------------------------------- */
@@ -202,10 +209,14 @@ infonomic-components;
202
209
  .outlined[disabled],
203
210
  :global(.infonomic-chip-outlined):disabled,
204
211
  :global(.infonomic-chip-outlined)[disabled] {
205
- border-color: var(--chip-variant-outlined-border-disabled,
206
- oklch(from var(--chip-variant-outlined-border) calc(l * 1.5) calc(c * 0.8) h));
207
- color: var(--chip-variant-outlined-foreground-disabled,
208
- oklch(from var(--chip-variant-outlined-foreground) calc(l * 1.1) calc(c * 0.7) h));
212
+ border-color: var(
213
+ --chip-variant-outlined-border-disabled,
214
+ oklch(from var(--chip-variant-outlined-border) calc(l * 1.5) calc(c * 0.8) h)
215
+ );
216
+ color: var(
217
+ --chip-variant-outlined-foreground-disabled,
218
+ oklch(from var(--chip-variant-outlined-foreground) calc(l * 1.1) calc(c * 0.7) h)
219
+ );
209
220
  }
210
221
 
211
222
  .outlined:hover,
@@ -434,4 +445,4 @@ infonomic-components;
434
445
  --chip-variant-outlined-foreground: var(--text-on-danger-outlined);
435
446
  --chip-variant-outlined-foreground-disabled: var(--text-on-danger-outlined-disabled);
436
447
  }
437
- }
448
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACjE,MAAM,WAAW,cAAe,SAAQ,uBAAuB;CAAI;AAEnE,eAAO,MAAM,SAAS,GAAsB,uCAKzC,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}
1
+ {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACjE,MAAM,WAAW,cAAe,SAAQ,uBAAuB;CAAG;AAElE,eAAO,MAAM,SAAS,GAAsB,uCAKzC,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}