@jars-labs/jars-components 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index-B86lZX7M.js → index-D6OoXp0A.js} +31 -7
- package/dist/index-D6OoXp0A.js.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/{lottie-D2DV2M_-.js → lottie-C2fOezZO.js} +2 -2
- package/dist/{lottie-D2DV2M_-.js.map → lottie-C2fOezZO.js.map} +1 -1
- package/dist/types/Icons/CheckSquare.d.ts +9 -0
- package/dist/types/Icons/CheckSquare.d.ts.map +1 -0
- package/dist/types/Icons/Curriculum.d.ts +9 -0
- package/dist/types/Icons/Curriculum.d.ts.map +1 -0
- package/dist/types/Icons/Flash.d.ts +9 -0
- package/dist/types/Icons/Flash.d.ts.map +1 -0
- package/dist/types/Icons/IconTypes.d.ts +1 -0
- package/dist/types/Icons/IconTypes.d.ts.map +1 -1
- package/dist/types/Message/Message.d.ts +1 -1
- package/dist/types/Message/Message.d.ts.map +1 -1
- package/dist/types/SegmentedControl/SegmentedControl.d.ts +3 -1
- package/dist/types/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/index-B86lZX7M.js.map +0 -1
|
@@ -183,7 +183,7 @@ var Animation = function (_a) {
|
|
|
183
183
|
var refVector = useRef(null);
|
|
184
184
|
var _b = useState(null), lottie = _b[0], setLottie = _b[1];
|
|
185
185
|
useEffect(function () {
|
|
186
|
-
import('./lottie-
|
|
186
|
+
import('./lottie-C2fOezZO.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
|
|
187
187
|
}, []);
|
|
188
188
|
useEffect(function () {
|
|
189
189
|
if (lottie && refVector.current) {
|
|
@@ -1180,7 +1180,7 @@ var Warning = function (_a) {
|
|
|
1180
1180
|
};
|
|
1181
1181
|
Warning.displayName = 'Warning';
|
|
1182
1182
|
|
|
1183
|
-
var styles$a = {"message":"Message-module_message__HyLo0","general":"Message-module_general__jNnP2","alert":"Message-module_alert__3mQLB","negative":"Message-module_negative__H-tsT","positive":"Message-module_positive__CU0EL","center":"Message-module_center__Y4KjG","top":"Message-module_top__J-o9d","bottom":"Message-module_bottom__2p2bW"};
|
|
1183
|
+
var styles$a = {"message":"Message-module_message__HyLo0","general":"Message-module_general__jNnP2","alert":"Message-module_alert__3mQLB","negative":"Message-module_negative__H-tsT","positive":"Message-module_positive__CU0EL","success":"Message-module_success__08wEY","center":"Message-module_center__Y4KjG","top":"Message-module_top__J-o9d","bottom":"Message-module_bottom__2p2bW"};
|
|
1184
1184
|
|
|
1185
1185
|
/**
|
|
1186
1186
|
* Message component for displaying feedback to the user.
|
|
@@ -1196,6 +1196,7 @@ var styles$a = {"message":"Message-module_message__HyLo0","general":"Message-mod
|
|
|
1196
1196
|
*/
|
|
1197
1197
|
var getIcon = function (status) {
|
|
1198
1198
|
switch (status) {
|
|
1199
|
+
case 'success':
|
|
1199
1200
|
case 'positive':
|
|
1200
1201
|
return (jsx(Tick, { outlined: true, height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-secondary-500)" }));
|
|
1201
1202
|
case 'negative':
|
|
@@ -1590,7 +1591,7 @@ var RadioButton = function (_a) {
|
|
|
1590
1591
|
};
|
|
1591
1592
|
RadioButton.displayName = 'RadioButton';
|
|
1592
1593
|
|
|
1593
|
-
var styles$5 = {"root":"SegmentedControl-module_root__iVJTH","control":"SegmentedControl-module_control__siwFH","input":"SegmentedControl-module_input__HW-AN","label":"SegmentedControl-module_label__V69j4","indicator":"SegmentedControl-module_indicator__IxU-O"};
|
|
1594
|
+
var styles$5 = {"root":"SegmentedControl-module_root__iVJTH","control":"SegmentedControl-module_control__siwFH","input":"SegmentedControl-module_input__HW-AN","label":"SegmentedControl-module_label__V69j4","labelMd":"SegmentedControl-module_labelMd__TGlTX","labelSm":"SegmentedControl-module_labelSm__Ptfpq","indicator":"SegmentedControl-module_indicator__IxU-O"};
|
|
1594
1595
|
|
|
1595
1596
|
/**
|
|
1596
1597
|
* SegmentedControl component for selecting a single option from a set (mutually exclusive options).
|
|
@@ -1600,15 +1601,20 @@ var styles$5 = {"root":"SegmentedControl-module_root__iVJTH","control":"Segmente
|
|
|
1600
1601
|
* @param {SegmentedControlItem[]} data - An array of objects containing value, label, icon and disabled status for each option.
|
|
1601
1602
|
* @param {string} value - The value associated with the selected option.
|
|
1602
1603
|
* @param {(value: string) => void} onChange - Callback fired when the selection changes.
|
|
1604
|
+
* @param {'md' | 'sm'} size - Controls the label padding; 'md' (default) is 24px, 'sm' is 16px.
|
|
1603
1605
|
* @returns {JSX.Element} The rendered SegmentedControl component adhering to the design system.
|
|
1604
1606
|
*/
|
|
1605
1607
|
var SegmentedControl = function (_a) {
|
|
1606
|
-
var
|
|
1608
|
+
var _b;
|
|
1609
|
+
var data = _a.data, value = _a.value, onChange = _a.onChange, _c = _a.size, size = _c === undefined ? 'md' : _c;
|
|
1607
1610
|
return (jsx(SegmentedControl$1, { classNames: {
|
|
1608
1611
|
root: styles$5.root,
|
|
1609
1612
|
control: styles$5.control,
|
|
1610
1613
|
input: styles$5.input,
|
|
1611
|
-
label: styles$5.label,
|
|
1614
|
+
label: classNames(styles$5.label, (_b = {},
|
|
1615
|
+
_b[styles$5.labelMd] = size === 'md',
|
|
1616
|
+
_b[styles$5.labelSm] = size === 'sm',
|
|
1617
|
+
_b)),
|
|
1612
1618
|
indicator: styles$5.indicator,
|
|
1613
1619
|
}, data: data.map(function (item) { return (__assign(__assign({}, item), { label: typeof item.label === 'string' ? (jsxs(Flex, { align: "center", direction: "column", gap: 8, children: [item.icon, jsx(Text, { variant: "m", color: item.disabled
|
|
1614
1620
|
? 'var(--color-neutral-500)'
|
|
@@ -1976,6 +1982,12 @@ var Check = function (_a) {
|
|
|
1976
1982
|
};
|
|
1977
1983
|
Check.displayName = 'Check';
|
|
1978
1984
|
|
|
1985
|
+
var CheckSquare = function (_a) {
|
|
1986
|
+
var _b = _a.width, width = _b === undefined ? '14px' : _b, _c = _a.height, height = _c === undefined ? '14px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 14 14' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f;
|
|
1987
|
+
return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsxs("g", { clipPath: "url(#clip0_14598_32135)", children: [jsx("path", { d: "M10.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V10.5C0.5 12.1569 1.84315 13.5 3.5 13.5H10.5C12.1569 13.5 13.5 12.1569 13.5 10.5V3.5C13.5 1.84315 12.1569 0.5 10.5 0.5Z", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M9.91711 4.75L5.91711 9.75L3.91711 8.25", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_14598_32135", children: jsx("rect", { width: width, height: height, fill: "white" }) }) })] }));
|
|
1988
|
+
};
|
|
1989
|
+
CheckSquare.displayName = 'CheckSquare';
|
|
1990
|
+
|
|
1979
1991
|
var Cloud = function (_a) {
|
|
1980
1992
|
var _b = _a.width, width = _b === undefined ? '28' : _b, _c = _a.height, height = _c === undefined ? '21' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 28 21' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f, _g = _a.strokeWidth, strokeWidth = _g === undefined ? 1.5 : _g;
|
|
1981
1993
|
return (jsx(Icon, { width: width, height: height, fill: fill, viewBox: viewBox, children: jsx("path", { d: "M0.75 14.05C0.75 17.198 3.43629 19.75 6.75 19.75H21.75C24.5114 19.75 26.75 17.6234 26.75 15C26.75 12.9707 25.4104 11.2386 23.5255 10.5582C23.6709 10.1644 23.75 9.74098 23.75 9.3C23.75 7.20132 21.9591 5.5 19.75 5.5C19.319 5.5 18.9039 5.56477 18.5149 5.68461C17.7186 2.8433 14.9916 0.75 11.75 0.75C7.88401 0.75 4.75 3.72731 4.75 7.4C4.75 7.82209 4.79139 8.23499 4.87053 8.63524C2.4774 9.38448 0.75 11.5256 0.75 14.05Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
@@ -1994,6 +2006,12 @@ var CreditCard = function (_a) {
|
|
|
1994
2006
|
};
|
|
1995
2007
|
CreditCard.displayName = 'CreditCard';
|
|
1996
2008
|
|
|
2009
|
+
var Curriculum = function (_a) {
|
|
2010
|
+
var _b = _a.width, width = _b === undefined ? '12px' : _b, _c = _a.height, height = _c === undefined ? '14px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 12 14' : _d, _e = _a.fill, fill = _e === undefined ? 'transparent' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f;
|
|
2011
|
+
return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { d: "M3.09766 3.65061C3.09766 4.28594 3.61269 4.80098 4.24802 4.80098C4.40864 4.80098 4.56156 4.76806 4.70043 4.70861C5.11085 4.53288 5.39839 4.12533 5.39839 3.65061C5.39839 3.01528 4.88335 2.50024 4.24802 2.50024C3.61269 2.50024 3.09766 3.01528 3.09766 3.65061Z", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M2.5 5.94004C2.68279 5.59237 2.9397 5.30502 3.24602 5.10563C3.55234 4.90624 3.89777 4.80151 4.24911 4.80151C4.60045 4.80151 4.94588 4.90624 5.2522 5.10563C5.55852 5.30502 5.81543 5.59237 5.99822 5.94004", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M11.5 12.5C11.5 12.7652 11.3946 13.0196 11.2071 13.2071C11.0196 13.3946 10.7652 13.5 10.5 13.5H1.5C1.23478 13.5 0.98043 13.3946 0.79289 13.2071C0.60536 13.0196 0.5 12.7652 0.5 12.5V1.5C0.5 1.23478 0.60536 0.98043 0.79289 0.792893C0.98043 0.605357 1.23478 0.5 1.5 0.5H8L11.5 4V12.5Z", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M2.5 8.5H9.5", stroke: stroke, strokeLinecap: "round" }), jsx("path", { d: "M2.5 11H6.5", stroke: stroke, strokeLinecap: "round" })] }));
|
|
2012
|
+
};
|
|
2013
|
+
Curriculum.displayName = 'Curriculum';
|
|
2014
|
+
|
|
1997
2015
|
var Delete = function (props) {
|
|
1998
2016
|
return (jsx(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 32 32', children: jsx("path", { d: "M26.671 8.4965H5.32874M18.6259 14.499V22.0021M13.3738 14.499V22.0021M20.7237 28.0046H11.276C9.70771 28.0046 8.40385 26.7972 8.28357 25.2336L6.9961 8.4965H25.0036L23.7161 25.2336C23.5958 26.7972 22.292 28.0046 20.7237 28.0046ZM12.2483 3.99463H19.7514C20.5802 3.99463 21.252 4.66648 21.252 5.49525V8.4965H10.7477V5.49525C10.7477 4.66648 11.4195 3.99463 12.2483 3.99463Z", stroke: props.stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
|
|
1999
2017
|
};
|
|
@@ -2010,6 +2028,12 @@ var Fingerprint = function (_a) {
|
|
|
2010
2028
|
};
|
|
2011
2029
|
Fingerprint.displayName = 'Fingerprint';
|
|
2012
2030
|
|
|
2031
|
+
var Flash = function (_a) {
|
|
2032
|
+
var _b = _a.width, width = _b === undefined ? '14px' : _b, _c = _a.height, height = _c === undefined ? '14px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 14 14' : _d, _e = _a.fill, fill = _e === undefined ? 'transparent' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f;
|
|
2033
|
+
return (jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsx("path", { d: "M4.24991 0.5L1.99991 5.81C1.96879 5.88575 1.95676 5.96798 1.96486 6.04947C1.97296 6.13096 2.00095 6.20922 2.04638 6.27736C2.0918 6.34549 2.15327 6.40143 2.22538 6.44025C2.29748 6.47908 2.37802 6.49959 2.45991 6.5H5.24991L3.24991 13.5L11.8399 5.36C11.9113 5.29124 11.9606 5.20284 11.9816 5.106C12.0026 5.00917 11.9944 4.90827 11.9579 4.81612C11.9215 4.72397 11.8585 4.64473 11.777 4.58844C11.6954 4.53216 11.599 4.50137 11.4999 4.5H7.74991L9.74991 0.5H4.24991Z", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
2034
|
+
};
|
|
2035
|
+
Flash.displayName = 'Flash';
|
|
2036
|
+
|
|
2013
2037
|
var Google = function (props) {
|
|
2014
2038
|
return (jsxs(Icon, __assign({}, props, { stroke: "none", children: [jsx("path", { fill: "#4285F4", d: "M22 11.453c0-.83-.069-1.628-.196-2.394H11.647v4.532h5.804c-.255 1.457-1.02 2.691-2.167 3.521v2.947h3.5C20.824 18.016 22 15.016 22 11.452z" }), jsx("path", { fill: "#34A853", d: "M11.327 22.647c3.034 0 5.578-.997 7.438-2.707l-3.648-2.82c-1 .672-2.278 1.08-3.79 1.08-2.922 0-5.405-1.965-6.294-4.612H1.294v2.89a11.232 11.232 0 0010.033 6.169z" }), jsx("path", { fill: "#FBBC05", d: "M5.176 13.38a6.024 6.024 0 01-.374-2.057c0-.718.14-1.407.374-2.057V6.471H1.262A10.01 10.01 0 000 11.323c0 1.753.46 3.397 1.262 4.854L4.31 13.99l.866-.61z" }), jsx("path", { fill: "#EA4335", d: "M11.28 4.453c1.648 0 3.112.57 4.281 1.668l3.204-3.203C16.822 1.108 14.3 0 11.28 0 6.908 0 3.135 2.511 1.294 6.171L5.016 9.06c.885-2.644 3.356-4.606 6.264-4.606z" })] })));
|
|
2015
2039
|
};
|
|
@@ -2138,5 +2162,5 @@ var World = function (_a) {
|
|
|
2138
2162
|
};
|
|
2139
2163
|
World.displayName = 'World';
|
|
2140
2164
|
|
|
2141
|
-
export { Attachment as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, Stepper as G, Tabs as H, IncrementNumber as I, Text as J, Textarea as K, Link as L, Message as M, NavBar as N, ToastContainer as O, Pagination as P, Tooltip as Q, RadioButton as R, SegmentedControl as S, Table as T, AIGenerate as U, AIPrompt as V, AIRedo as W, AISearch as X, Alert as Y, Archive as Z, Arrow as _, AccordionItem as a, AvatarPlaceholder as a0, Bell as a1, Calendar as a2, Camera as a3, Cat as a4, Chat as a5, Check as a6,
|
|
2142
|
-
//# sourceMappingURL=index-
|
|
2165
|
+
export { Attachment as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, Stepper as G, Tabs as H, IncrementNumber as I, Text as J, Textarea as K, Link as L, Message as M, NavBar as N, ToastContainer as O, Pagination as P, Tooltip as Q, RadioButton as R, SegmentedControl as S, Table as T, AIGenerate as U, AIPrompt as V, AIRedo as W, AISearch as X, Alert as Y, Archive as Z, Arrow as _, AccordionItem as a, AvatarPlaceholder as a0, Bell as a1, Calendar as a2, Camera as a3, Cat as a4, Chat as a5, Check as a6, CheckSquare as a7, Chevron as a8, ChevronCollapse as a9, Open as aA, Pets as aB, Phone as aC, Plaid as aD, Plus as aE, Refresh as aF, Remove as aG, Search as aH, Shield as aI, StepIndicator as aJ, ThreeDots as aK, ThumbsDown as aL, Tick as aM, Umbrello as aN, Upload as aO, Visa as aP, Warning as aQ, World as aR, capitalizeFirstSentenceLetter as aS, Clock as aa, Close as ab, Cloud as ac, CloudUpload as ad, CreditCard as ae, Curriculum as af, Delete as ag, Document as ah, Dog as ai, EyeHide as aj, EyeShow as ak, Fingerprint as al, Flash as am, Google as an, Grid as ao, Hamburger as ap, HappyFace as aq, House as ar, HouseTime as as, Identification as at, Info as au, Location as av, Mail as aw, Menu as ax, MenuTouched as ay, Notification as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, Avatar as h, badgeVariantMap as i, Button as j, cardStatusVariantMap as k, CardStatus as l, Checkbox as m, Chip as n, Dropdown as o, FileUpload as p, Input as q, LinkModal as r, Loader as s, Modal as t, Multiselect as u, NavBarSide as v, PasswordInput as w, Pill as x, Select as y, StatusBadge as z };
|
|
2166
|
+
//# sourceMappingURL=index-D6OoXp0A.js.map
|