@lamenna/lxp-shared-components 0.1.0 → 0.3.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/Avatar/__tests__/avatar.test.d.ts +2 -0
- package/dist/components/Avatar/__tests__/avatar.test.d.ts.map +1 -0
- package/dist/components/Avatar/__tests__/avatar.test.js +12 -0
- package/dist/components/Avatar/__tests__/avatar.test.js.map +1 -0
- package/dist/components/Avatar/config.d.ts +24 -0
- package/dist/components/Avatar/config.d.ts.map +1 -0
- package/dist/components/Avatar/config.js +16 -0
- package/dist/components/Avatar/config.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +4 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Avatar/index.js +2 -0
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/Avatar/types.d.ts +19 -0
- package/dist/components/Avatar/types.d.ts.map +1 -0
- package/dist/components/Avatar/types.js +2 -0
- package/dist/components/Avatar/types.js.map +1 -0
- package/dist/components/Badge/__tests__/badge.test.d.ts +2 -0
- package/dist/components/Badge/__tests__/badge.test.d.ts.map +1 -0
- package/dist/components/Badge/__tests__/badge.test.js +16 -0
- package/dist/components/Badge/__tests__/badge.test.js.map +1 -0
- package/dist/components/Badge/config.d.ts +39 -0
- package/dist/components/Badge/config.d.ts.map +1 -0
- package/dist/components/Badge/config.js +40 -0
- package/dist/components/Badge/config.js.map +1 -0
- package/dist/components/Badge/index.d.ts +4 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Badge/index.js +2 -0
- package/dist/components/Badge/index.js.map +1 -0
- package/dist/components/Badge/types.d.ts +23 -0
- package/dist/components/Badge/types.d.ts.map +1 -0
- package/dist/components/Badge/types.js +2 -0
- package/dist/components/Badge/types.js.map +1 -0
- package/dist/components/Card/__tests__/card.test.d.ts +2 -0
- package/dist/components/Card/__tests__/card.test.d.ts.map +1 -0
- package/dist/components/Card/__tests__/card.test.js +19 -0
- package/dist/components/Card/__tests__/card.test.js.map +1 -0
- package/dist/components/Card/config.d.ts +22 -0
- package/dist/components/Card/config.d.ts.map +1 -0
- package/dist/components/Card/config.js +23 -0
- package/dist/components/Card/config.js.map +1 -0
- package/dist/components/Card/index.d.ts +4 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Card/index.js +2 -0
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Card/types.d.ts +21 -0
- package/dist/components/Card/types.d.ts.map +1 -0
- package/dist/components/Card/types.js +2 -0
- package/dist/components/Card/types.js.map +1 -0
- package/dist/components/Chip/__tests__/chip.test.d.ts +2 -0
- package/dist/components/Chip/__tests__/chip.test.d.ts.map +1 -0
- package/dist/components/Chip/__tests__/chip.test.js +16 -0
- package/dist/components/Chip/__tests__/chip.test.js.map +1 -0
- package/dist/components/Chip/config.d.ts +25 -0
- package/dist/components/Chip/config.d.ts.map +1 -0
- package/dist/components/Chip/config.js +26 -0
- package/dist/components/Chip/config.js.map +1 -0
- package/dist/components/Chip/index.d.ts +4 -0
- package/dist/components/Chip/index.d.ts.map +1 -0
- package/dist/components/Chip/index.js +2 -0
- package/dist/components/Chip/index.js.map +1 -0
- package/dist/components/Chip/types.d.ts +21 -0
- package/dist/components/Chip/types.d.ts.map +1 -0
- package/dist/components/Chip/types.js +2 -0
- package/dist/components/Chip/types.js.map +1 -0
- package/dist/components/QuantityStepper/__tests__/quantity-stepper.test.d.ts +2 -0
- package/dist/components/QuantityStepper/__tests__/quantity-stepper.test.d.ts.map +1 -0
- package/dist/components/QuantityStepper/__tests__/quantity-stepper.test.js +14 -0
- package/dist/components/QuantityStepper/__tests__/quantity-stepper.test.js.map +1 -0
- package/dist/components/QuantityStepper/config.d.ts +18 -0
- package/dist/components/QuantityStepper/config.d.ts.map +1 -0
- package/dist/components/QuantityStepper/config.js +19 -0
- package/dist/components/QuantityStepper/config.js.map +1 -0
- package/dist/components/QuantityStepper/index.d.ts +4 -0
- package/dist/components/QuantityStepper/index.d.ts.map +1 -0
- package/dist/components/QuantityStepper/index.js +2 -0
- package/dist/components/QuantityStepper/index.js.map +1 -0
- package/dist/components/QuantityStepper/types.d.ts +19 -0
- package/dist/components/QuantityStepper/types.d.ts.map +1 -0
- package/dist/components/QuantityStepper/types.js +2 -0
- package/dist/components/QuantityStepper/types.js.map +1 -0
- package/dist/components/Radio/__tests__/radio.test.d.ts +2 -0
- package/dist/components/Radio/__tests__/radio.test.d.ts.map +1 -0
- package/dist/components/Radio/__tests__/radio.test.js +12 -0
- package/dist/components/Radio/__tests__/radio.test.js.map +1 -0
- package/dist/components/Radio/config.d.ts +23 -0
- package/dist/components/Radio/config.d.ts.map +1 -0
- package/dist/components/Radio/config.js +24 -0
- package/dist/components/Radio/config.js.map +1 -0
- package/dist/components/Radio/index.d.ts +4 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Radio/index.js +2 -0
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Radio/types.d.ts +21 -0
- package/dist/components/Radio/types.d.ts.map +1 -0
- package/dist/components/Radio/types.js +2 -0
- package/dist/components/Radio/types.js.map +1 -0
- package/dist/components/SegmentedControl/__tests__/segmented-control.test.d.ts +2 -0
- package/dist/components/SegmentedControl/__tests__/segmented-control.test.d.ts.map +1 -0
- package/dist/components/SegmentedControl/__tests__/segmented-control.test.js +11 -0
- package/dist/components/SegmentedControl/__tests__/segmented-control.test.js.map +1 -0
- package/dist/components/SegmentedControl/config.d.ts +18 -0
- package/dist/components/SegmentedControl/config.d.ts.map +1 -0
- package/dist/components/SegmentedControl/config.js +19 -0
- package/dist/components/SegmentedControl/config.js.map +1 -0
- package/dist/components/SegmentedControl/index.d.ts +4 -0
- package/dist/components/SegmentedControl/index.d.ts.map +1 -0
- package/dist/components/SegmentedControl/index.js +2 -0
- package/dist/components/SegmentedControl/index.js.map +1 -0
- package/dist/components/SegmentedControl/types.d.ts +23 -0
- package/dist/components/SegmentedControl/types.d.ts.map +1 -0
- package/dist/components/SegmentedControl/types.js +2 -0
- package/dist/components/SegmentedControl/types.js.map +1 -0
- package/dist/components/TextField/__tests__/text-field.test.d.ts +2 -0
- package/dist/components/TextField/__tests__/text-field.test.d.ts.map +1 -0
- package/dist/components/TextField/__tests__/text-field.test.js +20 -0
- package/dist/components/TextField/__tests__/text-field.test.js.map +1 -0
- package/dist/components/TextField/config.d.ts +38 -0
- package/dist/components/TextField/config.d.ts.map +1 -0
- package/dist/components/TextField/config.js +39 -0
- package/dist/components/TextField/config.js.map +1 -0
- package/dist/components/TextField/index.d.ts +4 -0
- package/dist/components/TextField/index.d.ts.map +1 -0
- package/dist/components/TextField/index.js +2 -0
- package/dist/components/TextField/index.js.map +1 -0
- package/dist/components/TextField/types.d.ts +29 -0
- package/dist/components/TextField/types.d.ts.map +1 -0
- package/dist/components/TextField/types.js +2 -0
- package/dist/components/TextField/types.js.map +1 -0
- package/dist/components/Toggle/__tests__/toggle.test.d.ts +2 -0
- package/dist/components/Toggle/__tests__/toggle.test.d.ts.map +1 -0
- package/dist/components/Toggle/__tests__/toggle.test.js +13 -0
- package/dist/components/Toggle/__tests__/toggle.test.js.map +1 -0
- package/dist/components/Toggle/config.d.ts +20 -0
- package/dist/components/Toggle/config.d.ts.map +1 -0
- package/dist/components/Toggle/config.js +21 -0
- package/dist/components/Toggle/config.js.map +1 -0
- package/dist/components/Toggle/index.d.ts +4 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Toggle/index.js +2 -0
- package/dist/components/Toggle/index.js.map +1 -0
- package/dist/components/Toggle/types.d.ts +18 -0
- package/dist/components/Toggle/types.d.ts.map +1 -0
- package/dist/components/Toggle/types.js +2 -0
- package/dist/components/Toggle/types.js.map +1 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/__tests__/avatar.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { avatarConfig } from "../config";
|
|
2
|
+
describe("Avatar (Shared config)", () => {
|
|
3
|
+
it("defines sm / md / lg sizes with increasing dimensions", () => {
|
|
4
|
+
expect(avatarConfig.sizes.sm.size).toBeLessThan(avatarConfig.sizes.md.size);
|
|
5
|
+
expect(avatarConfig.sizes.md.size).toBeLessThan(avatarConfig.sizes.lg.size);
|
|
6
|
+
});
|
|
7
|
+
it("has a background and text colour", () => {
|
|
8
|
+
expect(avatarConfig.common.backgroundColor).toMatch(/^#/);
|
|
9
|
+
expect(avatarConfig.common.color).toMatch(/^#/);
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=avatar.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.test.js","sourceRoot":"","sources":["../../../../src/components/Avatar/__tests__/avatar.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5E,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export declare const avatarConfig: {
|
|
2
|
+
readonly sizes: {
|
|
3
|
+
readonly sm: {
|
|
4
|
+
readonly size: 28;
|
|
5
|
+
readonly fontSize: "11px";
|
|
6
|
+
};
|
|
7
|
+
readonly md: {
|
|
8
|
+
readonly size: 36;
|
|
9
|
+
readonly fontSize: "13px";
|
|
10
|
+
};
|
|
11
|
+
readonly lg: {
|
|
12
|
+
readonly size: 48;
|
|
13
|
+
readonly fontSize: "16px";
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
readonly common: {
|
|
17
|
+
readonly backgroundColor: string;
|
|
18
|
+
readonly color: string;
|
|
19
|
+
readonly borderRadius: string;
|
|
20
|
+
readonly fontWeight: 700;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export type AvatarConfig = typeof avatarConfig;
|
|
24
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CAYf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** Avatar configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const avatarConfig = {
|
|
4
|
+
sizes: {
|
|
5
|
+
sm: { size: 28, fontSize: "11px" },
|
|
6
|
+
md: { size: 36, fontSize: "13px" },
|
|
7
|
+
lg: { size: 48, fontSize: "16px" },
|
|
8
|
+
},
|
|
9
|
+
common: {
|
|
10
|
+
backgroundColor: tokens.color.primary[100],
|
|
11
|
+
color: tokens.color.primary[700],
|
|
12
|
+
borderRadius: tokens.borderRadius.full,
|
|
13
|
+
fontWeight: 700,
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/Avatar/config.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;QAClC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;QAClC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;KACnC;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAChC,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,IAAI;QACtC,UAAU,EAAE,GAAG;KAChB;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EACV,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { avatarConfig } from "./config";
|
|
2
|
+
export type AvatarSize = keyof typeof avatarConfig.sizes;
|
|
3
|
+
export interface BaseAvatarProps {
|
|
4
|
+
/** Initials shown when no image is provided (e.g. "JW") */
|
|
5
|
+
initials?: string;
|
|
6
|
+
/** Optional image source URL */
|
|
7
|
+
src?: string;
|
|
8
|
+
size?: AvatarSize;
|
|
9
|
+
className?: string;
|
|
10
|
+
id?: string;
|
|
11
|
+
testID?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ReactAvatarProps extends BaseAvatarProps {
|
|
14
|
+
}
|
|
15
|
+
export interface ReactNativeAvatarProps extends BaseAvatarProps {
|
|
16
|
+
}
|
|
17
|
+
export interface AngularAvatarProps extends BaseAvatarProps {
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;CAAG;AAC5D,MAAM,WAAW,sBAAuB,SAAQ,eAAe;CAAG;AAClE,MAAM,WAAW,kBAAmB,SAAQ,eAAe;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/__tests__/badge.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { badgeConfig } from "../config";
|
|
2
|
+
describe("Badge (Shared config)", () => {
|
|
3
|
+
it("exposes all semantic variants with colours", () => {
|
|
4
|
+
["neutral", "primary", "info", "success", "warning", "danger"].forEach((v) => {
|
|
5
|
+
expect(badgeConfig.variants[v]).toBeDefined();
|
|
6
|
+
expect(badgeConfig.variants[v].backgroundColor).toMatch(/^#/);
|
|
7
|
+
expect(badgeConfig.variants[v].color).toMatch(/^#/);
|
|
8
|
+
});
|
|
9
|
+
});
|
|
10
|
+
it("has common pill styling", () => {
|
|
11
|
+
expect(badgeConfig.common.borderRadius).toBeDefined();
|
|
12
|
+
expect(badgeConfig.common.fontWeight).toBe(600);
|
|
13
|
+
expect(badgeConfig.common.dotSize).toBeGreaterThan(0);
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=badge.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.test.js","sourceRoot":"","sources":["../../../../src/components/Badge/__tests__/badge.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAElD,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAC9D,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC9D,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;QACtD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export declare const badgeConfig: {
|
|
2
|
+
readonly variants: {
|
|
3
|
+
readonly neutral: {
|
|
4
|
+
readonly backgroundColor: string;
|
|
5
|
+
readonly color: string;
|
|
6
|
+
};
|
|
7
|
+
readonly primary: {
|
|
8
|
+
readonly backgroundColor: string;
|
|
9
|
+
readonly color: string;
|
|
10
|
+
};
|
|
11
|
+
readonly info: {
|
|
12
|
+
readonly backgroundColor: string;
|
|
13
|
+
readonly color: string;
|
|
14
|
+
};
|
|
15
|
+
readonly success: {
|
|
16
|
+
readonly backgroundColor: string;
|
|
17
|
+
readonly color: string;
|
|
18
|
+
};
|
|
19
|
+
readonly warning: {
|
|
20
|
+
readonly backgroundColor: string;
|
|
21
|
+
readonly color: string;
|
|
22
|
+
};
|
|
23
|
+
readonly danger: {
|
|
24
|
+
readonly backgroundColor: string;
|
|
25
|
+
readonly color: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
readonly common: {
|
|
29
|
+
readonly borderRadius: string;
|
|
30
|
+
readonly fontSize: string;
|
|
31
|
+
readonly fontWeight: 600;
|
|
32
|
+
readonly paddingVertical: string;
|
|
33
|
+
readonly paddingHorizontal: string;
|
|
34
|
+
readonly dotSize: 7;
|
|
35
|
+
readonly gap: 6;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export type BadgeConfig = typeof badgeConfig;
|
|
39
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/** Badge / status-pill configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const badgeConfig = {
|
|
4
|
+
variants: {
|
|
5
|
+
neutral: {
|
|
6
|
+
backgroundColor: tokens.color.neutral[100],
|
|
7
|
+
color: tokens.color.neutral[600],
|
|
8
|
+
},
|
|
9
|
+
primary: {
|
|
10
|
+
backgroundColor: tokens.color.primary[50],
|
|
11
|
+
color: tokens.color.primary[600],
|
|
12
|
+
},
|
|
13
|
+
info: {
|
|
14
|
+
backgroundColor: tokens.color.primary[50],
|
|
15
|
+
color: tokens.color.primary[600],
|
|
16
|
+
},
|
|
17
|
+
success: {
|
|
18
|
+
backgroundColor: tokens.color.success[50],
|
|
19
|
+
color: tokens.color.success[600],
|
|
20
|
+
},
|
|
21
|
+
warning: {
|
|
22
|
+
backgroundColor: tokens.color.warning[50],
|
|
23
|
+
color: tokens.color.warning[600],
|
|
24
|
+
},
|
|
25
|
+
danger: {
|
|
26
|
+
backgroundColor: tokens.color.danger[50],
|
|
27
|
+
color: tokens.color.danger[600],
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
common: {
|
|
31
|
+
borderRadius: tokens.borderRadius.full,
|
|
32
|
+
fontSize: tokens.fontSize.xs,
|
|
33
|
+
fontWeight: 600,
|
|
34
|
+
paddingVertical: tokens.spacing.xs,
|
|
35
|
+
paddingHorizontal: tokens.spacing.sm,
|
|
36
|
+
dotSize: 7,
|
|
37
|
+
gap: 6,
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/Badge/config.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SACjC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SACjC;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SACjC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SACjC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SACjC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACxC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;SAChC;KACF;IACD,MAAM,EAAE;QACN,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,IAAI;QACtC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC5B,UAAU,EAAE,GAAG;QACf,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,OAAO,EAAE,CAAC;QACV,GAAG,EAAE,CAAC;KACP;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EACV,YAAY,EACZ,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { badgeConfig } from "./config";
|
|
2
|
+
export type BadgeVariant = keyof typeof badgeConfig.variants;
|
|
3
|
+
export interface BaseBadgeProps {
|
|
4
|
+
/** Text shown inside the badge */
|
|
5
|
+
label?: string;
|
|
6
|
+
/** Colour / semantic variant */
|
|
7
|
+
variant?: BadgeVariant;
|
|
8
|
+
/** Show the leading status dot */
|
|
9
|
+
dot?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
id?: string;
|
|
12
|
+
testID?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface ReactBadgeProps extends BaseBadgeProps {
|
|
15
|
+
children?: any;
|
|
16
|
+
}
|
|
17
|
+
export interface ReactNativeBadgeProps extends BaseBadgeProps {
|
|
18
|
+
children?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface AngularBadgeProps extends BaseBadgeProps {
|
|
21
|
+
content?: string;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,WAAW,CAAC,QAAQ,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kCAAkC;IAClC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AACD,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/__tests__/card.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { cardConfig } from "../config";
|
|
2
|
+
describe("Card (Shared config)", () => {
|
|
3
|
+
it("defines padding presets", () => {
|
|
4
|
+
["none", "sm", "md", "lg"].forEach((p) => {
|
|
5
|
+
expect(cardConfig.paddings[p]).toBeDefined();
|
|
6
|
+
});
|
|
7
|
+
});
|
|
8
|
+
it("defines elevation presets", () => {
|
|
9
|
+
["none", "sm", "md", "lg"].forEach((e) => {
|
|
10
|
+
expect(cardConfig.elevations[e]).toBeDefined();
|
|
11
|
+
});
|
|
12
|
+
expect(cardConfig.elevations.none).toBe("none");
|
|
13
|
+
});
|
|
14
|
+
it("has a bordered surface", () => {
|
|
15
|
+
expect(cardConfig.common.backgroundColor).toMatch(/^#/);
|
|
16
|
+
expect(cardConfig.common.borderWidth).toBe(1);
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=card.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.test.js","sourceRoot":"","sources":["../../../../src/components/Card/__tests__/card.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QAChC,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAClD,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QAClC,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAClD,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACjD,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const cardConfig: {
|
|
2
|
+
readonly paddings: {
|
|
3
|
+
readonly none: "0px";
|
|
4
|
+
readonly sm: string;
|
|
5
|
+
readonly md: string;
|
|
6
|
+
readonly lg: string;
|
|
7
|
+
};
|
|
8
|
+
readonly elevations: {
|
|
9
|
+
readonly none: "none";
|
|
10
|
+
readonly sm: "0 1px 3px rgba(15,23,42,0.06)";
|
|
11
|
+
readonly md: "0 4px 12px rgba(15,23,42,0.08)";
|
|
12
|
+
readonly lg: "0 12px 32px rgba(15,23,42,0.12)";
|
|
13
|
+
};
|
|
14
|
+
readonly common: {
|
|
15
|
+
readonly backgroundColor: string;
|
|
16
|
+
readonly borderColor: string;
|
|
17
|
+
readonly borderWidth: 1;
|
|
18
|
+
readonly borderRadius: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export type CardConfig = typeof cardConfig;
|
|
22
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/Card/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAmBb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/** Card / surface configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const cardConfig = {
|
|
4
|
+
paddings: {
|
|
5
|
+
none: "0px",
|
|
6
|
+
sm: tokens.spacing.md,
|
|
7
|
+
md: tokens.spacing.lg,
|
|
8
|
+
lg: tokens.spacing.xl,
|
|
9
|
+
},
|
|
10
|
+
elevations: {
|
|
11
|
+
none: "none",
|
|
12
|
+
sm: "0 1px 3px rgba(15,23,42,0.06)",
|
|
13
|
+
md: "0 4px 12px rgba(15,23,42,0.08)",
|
|
14
|
+
lg: "0 12px 32px rgba(15,23,42,0.12)",
|
|
15
|
+
},
|
|
16
|
+
common: {
|
|
17
|
+
backgroundColor: tokens.color.neutral[0],
|
|
18
|
+
borderColor: tokens.color.neutral[200],
|
|
19
|
+
borderWidth: 1,
|
|
20
|
+
borderRadius: tokens.borderRadius.lg,
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/Card/config.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE;QACR,IAAI,EAAE,KAAK;QACX,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACrB,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACrB,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACtB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,+BAA+B;QACnC,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,iCAAiC;KACtC;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACxC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACtC,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE;KACrC;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,YAAY,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { cardConfig } from "./config";
|
|
2
|
+
export type CardPadding = keyof typeof cardConfig.paddings;
|
|
3
|
+
export type CardElevation = keyof typeof cardConfig.elevations;
|
|
4
|
+
export interface BaseCardProps {
|
|
5
|
+
padding?: CardPadding;
|
|
6
|
+
elevation?: CardElevation;
|
|
7
|
+
/** Render the 1px border */
|
|
8
|
+
bordered?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
id?: string;
|
|
11
|
+
testID?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ReactCardProps extends BaseCardProps {
|
|
14
|
+
children?: any;
|
|
15
|
+
}
|
|
16
|
+
export interface ReactNativeCardProps extends BaseCardProps {
|
|
17
|
+
children?: any;
|
|
18
|
+
}
|
|
19
|
+
export interface AngularCardProps extends BaseCardProps {
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC,QAAQ,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC,UAAU,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AACD,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AACD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/__tests__/chip.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { chipConfig } from "../config";
|
|
2
|
+
describe("Chip (Shared config)", () => {
|
|
3
|
+
it("defines default and active states", () => {
|
|
4
|
+
expect(chipConfig.states.default).toBeDefined();
|
|
5
|
+
expect(chipConfig.states.active).toBeDefined();
|
|
6
|
+
});
|
|
7
|
+
it("active state removes the border", () => {
|
|
8
|
+
expect(chipConfig.states.active.borderWidth).toBe(0);
|
|
9
|
+
expect(chipConfig.states.default.borderWidth).toBe(1);
|
|
10
|
+
});
|
|
11
|
+
it("has common styling", () => {
|
|
12
|
+
expect(chipConfig.common.borderRadius).toBeDefined();
|
|
13
|
+
expect(chipConfig.common.fontWeight).toBe(600);
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=chip.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.test.js","sourceRoot":"","sources":["../../../../src/components/Chip/__tests__/chip.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;QAChD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;QACrD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const chipConfig: {
|
|
2
|
+
readonly states: {
|
|
3
|
+
readonly default: {
|
|
4
|
+
readonly backgroundColor: string;
|
|
5
|
+
readonly color: string;
|
|
6
|
+
readonly borderColor: string;
|
|
7
|
+
readonly borderWidth: 1;
|
|
8
|
+
};
|
|
9
|
+
readonly active: {
|
|
10
|
+
readonly backgroundColor: string;
|
|
11
|
+
readonly color: "#FFFFFF";
|
|
12
|
+
readonly borderColor: "transparent";
|
|
13
|
+
readonly borderWidth: 0;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
readonly common: {
|
|
17
|
+
readonly borderRadius: string;
|
|
18
|
+
readonly fontSize: string;
|
|
19
|
+
readonly fontWeight: 600;
|
|
20
|
+
readonly paddingVertical: string;
|
|
21
|
+
readonly paddingHorizontal: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export type ChipConfig = typeof chipConfig;
|
|
25
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CAsBb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** Chip / filter configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const chipConfig = {
|
|
4
|
+
states: {
|
|
5
|
+
default: {
|
|
6
|
+
backgroundColor: tokens.color.neutral[0],
|
|
7
|
+
color: tokens.color.neutral[600],
|
|
8
|
+
borderColor: tokens.color.neutral[200],
|
|
9
|
+
borderWidth: 1,
|
|
10
|
+
},
|
|
11
|
+
active: {
|
|
12
|
+
backgroundColor: tokens.color.primary[600],
|
|
13
|
+
color: "#FFFFFF",
|
|
14
|
+
borderColor: "transparent",
|
|
15
|
+
borderWidth: 0,
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
common: {
|
|
19
|
+
borderRadius: tokens.borderRadius.full,
|
|
20
|
+
fontSize: tokens.fontSize.sm,
|
|
21
|
+
fontWeight: 600,
|
|
22
|
+
paddingVertical: tokens.spacing.sm,
|
|
23
|
+
paddingHorizontal: tokens.spacing.md,
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/Chip/config.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE;QACN,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACxC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAChC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACtC,WAAW,EAAE,CAAC;SACf;QACD,MAAM,EAAE;YACN,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAC1C,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,aAAa;YAC1B,WAAW,EAAE,CAAC;SACf;KACF;IACD,MAAM,EAAE;QACN,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,IAAI;QACtC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC5B,UAAU,EAAE,GAAG;QACf,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACrC;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,YAAY,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface BaseChipProps {
|
|
2
|
+
label?: string;
|
|
3
|
+
/** Selected / active state */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
testID?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface ReactChipProps extends BaseChipProps {
|
|
11
|
+
children?: any;
|
|
12
|
+
onClick?: (e?: any) => void;
|
|
13
|
+
}
|
|
14
|
+
export interface ReactNativeChipProps extends BaseChipProps {
|
|
15
|
+
children?: string;
|
|
16
|
+
onPress?: (e?: any) => void;
|
|
17
|
+
}
|
|
18
|
+
export interface AngularChipProps extends BaseChipProps {
|
|
19
|
+
content?: string;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7B;AACD,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7B;AACD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Chip/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"quantity-stepper.test.d.ts","sourceRoot":"","sources":["../../../../src/components/QuantityStepper/__tests__/quantity-stepper.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { quantityStepperConfig } from "../config";
|
|
2
|
+
describe("QuantityStepper (Shared config)", () => {
|
|
3
|
+
it("has numeric button/value dimensions", () => {
|
|
4
|
+
const c = quantityStepperConfig.common;
|
|
5
|
+
expect(c.buttonWidth).toBeGreaterThan(0);
|
|
6
|
+
expect(c.valueWidth).toBeGreaterThan(0);
|
|
7
|
+
expect(c.height).toBeGreaterThan(0);
|
|
8
|
+
});
|
|
9
|
+
it("has a button and value colour", () => {
|
|
10
|
+
expect(quantityStepperConfig.common.buttonColor).toMatch(/^#/);
|
|
11
|
+
expect(quantityStepperConfig.common.valueColor).toMatch(/^#/);
|
|
12
|
+
});
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=quantity-stepper.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"quantity-stepper.test.js","sourceRoot":"","sources":["../../../../src/components/QuantityStepper/__tests__/quantity-stepper.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,QAAQ,CAAC,iCAAiC,EAAE,GAAG,EAAE;IAC/C,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,GAAG,qBAAqB,CAAC,MAAM,CAAC;QACvC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACzC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|