@infonomic/uikit 5.40.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.
- package/dist/components/@types/shared.d.ts +52 -0
- package/dist/components/@types/shared.d.ts.map +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.module.css +1 -2
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.module.css +6 -7
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.module.css +6 -7
- package/dist/components/button/@types/button.d.ts +31 -1
- package/dist/components/button/@types/button.d.ts.map +1 -1
- package/dist/components/button/button-group.module.css +1 -3
- package/dist/components/button/button.module.css +48 -31
- package/dist/components/button/combo-button.d.ts.map +1 -1
- package/dist/components/button/combo-button.module.css +3 -3
- package/dist/components/button/control-buttons.module.css +1 -2
- package/dist/components/button/copy-button.d.ts.map +1 -1
- package/dist/components/button/copy-button.module.css +6 -7
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.module.css +6 -10
- package/dist/components/chips/@types/chip.d.ts +20 -0
- package/dist/components/chips/@types/chip.d.ts.map +1 -1
- package/dist/components/chips/chip.d.ts.map +1 -1
- package/dist/components/chips/chip.module.css +30 -19
- package/dist/components/container/container.d.ts.map +1 -1
- package/dist/components/container/container.module.css +6 -10
- package/dist/components/dropdown/dropdown.module.css +6 -7
- package/dist/components/forms/@types/checkbox.d.ts +28 -1
- package/dist/components/forms/@types/checkbox.d.ts.map +1 -1
- package/dist/components/forms/@types/input.d.ts +29 -1
- package/dist/components/forms/@types/input.d.ts.map +1 -1
- package/dist/components/forms/calendar.module.css +14 -14
- package/dist/components/forms/checkbox-group.d.ts.map +1 -1
- package/dist/components/forms/checkbox.d.ts.map +1 -1
- package/dist/components/forms/checkbox.module.css +16 -17
- package/dist/components/forms/error-text.module.css +6 -7
- package/dist/components/forms/help-text.d.ts.map +1 -1
- package/dist/components/forms/help-text.module.css +6 -7
- package/dist/components/forms/input-adornment.module.css +6 -7
- package/dist/components/forms/input-password.d.ts.map +1 -1
- package/dist/components/forms/input.d.ts.map +1 -1
- package/dist/components/forms/input.module.css +6 -7
- package/dist/components/forms/label.module.css +6 -7
- package/dist/components/forms/radio-group.module.css +6 -7
- package/dist/components/forms/select.d.ts.map +1 -1
- package/dist/components/forms/select.module.css +6 -7
- package/dist/components/forms/text-area.module.css +10 -9
- package/dist/components/notifications/@types/alert.d.ts +16 -1
- package/dist/components/notifications/@types/alert.d.ts.map +1 -1
- package/dist/components/notifications/@types/toast.d.ts +36 -1
- package/dist/components/notifications/@types/toast.d.ts.map +1 -1
- package/dist/components/notifications/alert.d.ts.map +1 -1
- package/dist/components/notifications/alert.module.css +6 -7
- package/dist/components/notifications/toast.module.css +6 -8
- package/dist/components/overlay/overlay.module.css +6 -4
- package/dist/components/pager/@types/index.d.ts +12 -0
- package/dist/components/pager/@types/index.d.ts.map +1 -1
- package/dist/components/pager/pagination.module.css +6 -8
- package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area/scroll-area.module.css +6 -7
- package/dist/components/scroll-to-top/scroll-to-top.module.css +5 -7
- package/dist/components/section/section.d.ts.map +1 -1
- package/dist/components/section/section.module.css +6 -7
- package/dist/components/shimmer/shimmer.module.css +6 -8
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.module.css +6 -8
- package/dist/components/tabs/tabs.module.css +6 -7
- package/dist/components/tooltip/tooltip.module.css +6 -7
- package/dist/icons/eye-closed-icon.d.ts.map +1 -1
- package/dist/icons/eye-open-icon.d.ts.map +1 -1
- package/dist/icons/icons.module.css +1 -1
- package/dist/styles/styles.css +1 -1
- package/dist/widgets/datepicker/datepicker.d.ts.map +1 -1
- package/dist/widgets/datepicker/datepicker.module.css +1 -2
- package/dist/widgets/drawer/drawer-container.d.ts.map +1 -1
- package/dist/widgets/drawer/drawer-content.d.ts.map +1 -1
- package/dist/widgets/drawer/drawer.module.css +1 -3
- package/dist/widgets/modal/modal-actions.d.ts.map +1 -1
- package/dist/widgets/modal/modal-container.d.ts.map +1 -1
- package/dist/widgets/modal/modal-content.d.ts.map +1 -1
- package/dist/widgets/modal/modal.module.css +1 -3
- package/dist/widgets/timeline/timeline.module.css +6 -8
- package/package.json +1 -1
- package/src/components/@types/shared.ts +55 -0
- package/src/components/accordion/accordion.module.css +1 -2
- package/src/components/accordion/accordion.stories.tsx +1 -2
- package/src/components/accordion/accordion.tsx +25 -5
- package/src/components/avatar/avatar.module.css +6 -7
- package/src/components/avatar/avatar.tsx +9 -2
- package/src/components/badge/badge.module.css +6 -7
- package/src/components/badge/badge.tsx +7 -1
- package/src/components/button/@types/button.ts +36 -1
- package/src/components/button/button-group.module.css +1 -3
- package/src/components/button/button.module.css +48 -31
- package/src/components/button/button.tsx +1 -1
- package/src/components/button/combo-button.module.css +3 -3
- package/src/components/button/combo-button.tsx +17 -5
- package/src/components/button/combo-buttons.stories.tsx +6 -3
- package/src/components/button/control-buttons.module.css +1 -2
- package/src/components/button/copy-button.module.css +6 -7
- package/src/components/button/copy-button.tsx +12 -3
- package/src/components/card/card.module.css +6 -10
- package/src/components/card/card.tsx +20 -4
- package/src/components/chips/@types/chip.ts +22 -0
- package/src/components/chips/chip.module.css +30 -19
- package/src/components/chips/chip.tsx +10 -5
- package/src/components/container/container.module.css +6 -10
- package/src/components/container/container.tsx +1 -1
- package/src/components/dropdown/dropdown.module.css +6 -7
- package/src/components/forms/@types/checkbox.ts +31 -1
- package/src/components/forms/@types/input.ts +32 -1
- package/src/components/forms/calendar.module.css +14 -14
- package/src/components/forms/checkbox-group.tsx +1 -1
- package/src/components/forms/checkbox.module.css +16 -17
- package/src/components/forms/checkbox.tsx +4 -1
- package/src/components/forms/error-text.module.css +6 -7
- package/src/components/forms/help-text.module.css +6 -7
- package/src/components/forms/help-text.tsx +5 -1
- package/src/components/forms/input-adornment.module.css +6 -7
- package/src/components/forms/input-password.tsx +7 -1
- package/src/components/forms/input.module.css +6 -7
- package/src/components/forms/input.tsx +18 -2
- package/src/components/forms/label.module.css +6 -7
- package/src/components/forms/radio-group.module.css +6 -7
- package/src/components/forms/select.module.css +6 -7
- package/src/components/forms/select.tsx +3 -1
- package/src/components/forms/text-area.module.css +10 -9
- package/src/components/notifications/@types/alert.ts +17 -1
- package/src/components/notifications/@types/toast.ts +40 -1
- package/src/components/notifications/alert.module.css +6 -7
- package/src/components/notifications/alert.tsx +10 -3
- package/src/components/notifications/toast.module.css +6 -8
- package/src/components/overlay/overlay.module.css +6 -4
- package/src/components/pager/@types/index.ts +13 -0
- package/src/components/pager/pagination.module.css +6 -8
- package/src/components/pager/pagination.tsx +6 -1
- package/src/components/scroll-area/scroll-area.module.css +6 -7
- package/src/components/scroll-area/scroll-area.tsx +13 -4
- package/src/components/scroll-to-top/scroll-to-top.module.css +5 -7
- package/src/components/section/section.module.css +6 -7
- package/src/components/section/section.tsx +1 -1
- package/src/components/shimmer/shimmer.module.css +6 -8
- package/src/components/table/table.module.css +6 -8
- package/src/components/table/table.tsx +6 -1
- package/src/components/tabs/tabs.module.css +6 -7
- package/src/components/tooltip/tooltip.module.css +6 -7
- package/src/icons/ai-icon.tsx +1 -1
- package/src/icons/eye-closed-icon.tsx +2 -1
- package/src/icons/eye-open-icon.tsx +1 -5
- package/src/icons/icons.module.css +1 -1
- package/src/styles/base/base.css +1 -1
- package/src/styles/base/colors.css +1 -2
- package/src/styles/components/loaders.css +1 -1
- package/src/styles/functional/colors.css +205 -60
- package/src/styles/functional/surfaces.css +1 -2
- package/src/styles/functional/typography.css +1 -1
- package/src/widgets/datepicker/datepicker.module.css +1 -2
- package/src/widgets/datepicker/datepicker.tsx +44 -16
- package/src/widgets/drawer/drawer-container.tsx +6 -1
- package/src/widgets/drawer/drawer-content.tsx +5 -1
- package/src/widgets/drawer/drawer.module.css +1 -3
- package/src/widgets/modal/modal-actions.tsx +5 -1
- package/src/widgets/modal/modal-container.tsx +5 -1
- package/src/widgets/modal/modal-content.tsx +5 -1
- package/src/widgets/modal/modal.module.css +1 -3
- 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;
|
|
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;
|
|
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 +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,
|
|
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;;
|
|
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
|
|
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;
|
|
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(
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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(
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
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(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
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(
|
|
190
|
-
|
|
191
|
-
|
|
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(
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
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(
|
|
209
|
-
|
|
210
|
-
|
|
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,
|
|
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,
|
|
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;;;;
|
|
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;
|
|
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;
|
|
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(
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
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(
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
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(
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
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;
|
|
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"}
|