@lamenna/lxp-shared-components 0.0.2 → 0.2.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/README.md +1 -1
- 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/Button/__tests__/button.test.js +76 -31
- package/dist/components/Button/__tests__/button.test.js.map +1 -1
- package/dist/components/Button/config.d.ts +23 -0
- package/dist/components/Button/config.d.ts.map +1 -1
- package/dist/components/Button/config.js +28 -0
- package/dist/components/Button/config.js.map +1 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/types.d.ts +16 -2
- package/dist/components/Button/types.d.ts.map +1 -1
- 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/Table/__tests__/table.test.d.ts +2 -0
- package/dist/components/Table/__tests__/table.test.d.ts.map +1 -0
- package/dist/components/Table/__tests__/table.test.js +15 -0
- package/dist/components/Table/__tests__/table.test.js.map +1 -0
- package/dist/components/Table/config.d.ts +30 -0
- package/dist/components/Table/config.d.ts.map +1 -0
- package/dist/components/Table/config.js +33 -0
- package/dist/components/Table/config.js.map +1 -0
- package/dist/components/Table/index.d.ts +4 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Table/index.js +2 -0
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Table/types.d.ts +132 -0
- package/dist/components/Table/types.d.ts.map +1 -0
- package/dist/components/Table/types.js +2 -0
- package/dist/components/Table/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/Theme/config.d.ts +43 -0
- package/dist/components/Theme/config.d.ts.map +1 -0
- package/dist/components/Theme/config.js +36 -0
- package/dist/components/Theme/config.js.map +1 -0
- package/dist/components/Theme/index.d.ts +3 -0
- package/dist/components/Theme/index.d.ts.map +1 -0
- package/dist/components/Theme/index.js +2 -0
- package/dist/components/Theme/index.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 +11 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const quantityStepperConfig: {
|
|
2
|
+
readonly common: {
|
|
3
|
+
readonly borderColor: string;
|
|
4
|
+
readonly borderRadius: string;
|
|
5
|
+
readonly buttonBackground: string;
|
|
6
|
+
readonly buttonColor: string;
|
|
7
|
+
readonly valueBackground: string;
|
|
8
|
+
readonly valueColor: string;
|
|
9
|
+
readonly height: 46;
|
|
10
|
+
readonly buttonWidth: 46;
|
|
11
|
+
readonly valueWidth: 64;
|
|
12
|
+
readonly fontSize: string;
|
|
13
|
+
readonly fontWeight: 600;
|
|
14
|
+
readonly disabledOpacity: 0.5;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export type QuantityStepperConfig = typeof quantityStepperConfig;
|
|
18
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityStepper/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;CAexB,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** Quantity stepper configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const quantityStepperConfig = {
|
|
4
|
+
common: {
|
|
5
|
+
borderColor: tokens.color.neutral[300],
|
|
6
|
+
borderRadius: tokens.borderRadius.md,
|
|
7
|
+
buttonBackground: tokens.color.neutral[100],
|
|
8
|
+
buttonColor: tokens.color.primary[600],
|
|
9
|
+
valueBackground: tokens.color.neutral[0],
|
|
10
|
+
valueColor: tokens.color.neutral[900],
|
|
11
|
+
height: 46,
|
|
12
|
+
buttonWidth: 46,
|
|
13
|
+
valueWidth: 64,
|
|
14
|
+
fontSize: tokens.fontSize.lg,
|
|
15
|
+
fontWeight: 600,
|
|
16
|
+
disabledOpacity: 0.5,
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/QuantityStepper/config.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACtC,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE;QACpC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3C,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACtC,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACxC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACrC,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC5B,UAAU,EAAE,GAAG;QACf,eAAe,EAAE,GAAG;KACrB;CACO,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { quantityStepperConfig } from "./config";
|
|
2
|
+
export type { QuantityStepperConfig } from "./config";
|
|
3
|
+
export type { BaseQuantityStepperProps, ReactQuantityStepperProps, ReactNativeQuantityStepperProps, AngularQuantityStepperProps, } from "./types";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityStepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,YAAY,EACV,wBAAwB,EACxB,yBAAyB,EACzB,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QuantityStepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface BaseQuantityStepperProps {
|
|
2
|
+
value?: number;
|
|
3
|
+
min?: number;
|
|
4
|
+
max?: number;
|
|
5
|
+
step?: number;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
testID?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface ReactQuantityStepperProps extends BaseQuantityStepperProps {
|
|
12
|
+
onChange?: (value: number) => void;
|
|
13
|
+
}
|
|
14
|
+
export interface ReactNativeQuantityStepperProps extends BaseQuantityStepperProps {
|
|
15
|
+
onChange?: (value: number) => void;
|
|
16
|
+
}
|
|
17
|
+
export interface AngularQuantityStepperProps extends BaseQuantityStepperProps {
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityStepper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,yBAA0B,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AACD,MAAM,WAAW,+BAAgC,SAAQ,wBAAwB;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AACD,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/QuantityStepper/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/__tests__/radio.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { radioConfig } from "../config";
|
|
2
|
+
describe("Radio (Shared config)", () => {
|
|
3
|
+
it("defines selected and unselected states", () => {
|
|
4
|
+
expect(radioConfig.states.selected.dotColor).toMatch(/^#/);
|
|
5
|
+
expect(radioConfig.states.unselected.dotColor).toBe("transparent");
|
|
6
|
+
});
|
|
7
|
+
it("has a dot smaller than the outer circle", () => {
|
|
8
|
+
expect(radioConfig.common.dotSize).toBeGreaterThan(0);
|
|
9
|
+
expect(radioConfig.common.dotSize).toBeLessThan(radioConfig.common.size);
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=radio.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.test.js","sourceRoot":"","sources":["../../../../src/components/Radio/__tests__/radio.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3D,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACtD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const radioConfig: {
|
|
2
|
+
readonly states: {
|
|
3
|
+
readonly selected: {
|
|
4
|
+
readonly borderColor: string;
|
|
5
|
+
readonly dotColor: string;
|
|
6
|
+
};
|
|
7
|
+
readonly unselected: {
|
|
8
|
+
readonly borderColor: string;
|
|
9
|
+
readonly dotColor: "transparent";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
readonly common: {
|
|
13
|
+
readonly size: 22;
|
|
14
|
+
readonly borderWidth: 2;
|
|
15
|
+
readonly dotSize: 10;
|
|
16
|
+
readonly labelColor: string;
|
|
17
|
+
readonly fontSize: string;
|
|
18
|
+
readonly gap: string;
|
|
19
|
+
readonly disabledOpacity: 0.5;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export type RadioConfig = typeof radioConfig;
|
|
23
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** Radio configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const radioConfig = {
|
|
4
|
+
states: {
|
|
5
|
+
selected: {
|
|
6
|
+
borderColor: tokens.color.primary[500],
|
|
7
|
+
dotColor: tokens.color.primary[500],
|
|
8
|
+
},
|
|
9
|
+
unselected: {
|
|
10
|
+
borderColor: tokens.color.neutral[300],
|
|
11
|
+
dotColor: "transparent",
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
common: {
|
|
15
|
+
size: 22,
|
|
16
|
+
borderWidth: 2,
|
|
17
|
+
dotSize: 10,
|
|
18
|
+
labelColor: tokens.color.neutral[800],
|
|
19
|
+
fontSize: tokens.fontSize.md,
|
|
20
|
+
gap: tokens.spacing.sm,
|
|
21
|
+
disabledOpacity: 0.5,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/Radio/config.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACtC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SACpC;QACD,UAAU,EAAE;YACV,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACtC,QAAQ,EAAE,aAAa;SACxB;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;QACR,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC5B,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACtB,eAAe,EAAE,GAAG;KACrB;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EACV,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface BaseRadioProps {
|
|
2
|
+
/** Selected state */
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
testID?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface ReactRadioProps extends BaseRadioProps {
|
|
12
|
+
children?: any;
|
|
13
|
+
onChange?: (value?: string) => void;
|
|
14
|
+
}
|
|
15
|
+
export interface ReactNativeRadioProps extends BaseRadioProps {
|
|
16
|
+
children?: string;
|
|
17
|
+
onChange?: (value?: string) => void;
|
|
18
|
+
}
|
|
19
|
+
export interface AngularRadioProps extends BaseRadioProps {
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AACD,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AACD,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Radio/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"segmented-control.test.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/__tests__/segmented-control.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { segmentedControlConfig } from "../config";
|
|
2
|
+
describe("SegmentedControl (Shared config)", () => {
|
|
3
|
+
it("distinguishes active and inactive colours", () => {
|
|
4
|
+
const c = segmentedControlConfig.common;
|
|
5
|
+
expect(c.activeBackground).toMatch(/^#/);
|
|
6
|
+
expect(c.activeColor).toMatch(/^#/);
|
|
7
|
+
expect(c.inactiveColor).toMatch(/^#/);
|
|
8
|
+
expect(c.activeColor).not.toBe(c.inactiveColor);
|
|
9
|
+
});
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=segmented-control.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"segmented-control.test.js","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/__tests__/segmented-control.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAEnD,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAChD,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,GAAG,sBAAsB,CAAC,MAAM,CAAC;QACxC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACpC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const segmentedControlConfig: {
|
|
2
|
+
readonly common: {
|
|
3
|
+
readonly backgroundColor: string;
|
|
4
|
+
readonly borderRadius: string;
|
|
5
|
+
readonly padding: 4;
|
|
6
|
+
readonly segmentRadius: string;
|
|
7
|
+
readonly activeBackground: string;
|
|
8
|
+
readonly activeColor: string;
|
|
9
|
+
readonly inactiveColor: string;
|
|
10
|
+
readonly fontSize: string;
|
|
11
|
+
readonly fontWeight: 600;
|
|
12
|
+
readonly segmentPaddingVertical: string;
|
|
13
|
+
readonly segmentPaddingHorizontal: string;
|
|
14
|
+
readonly activeShadow: "0 1px 3px rgba(15,23,42,0.08)";
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export type SegmentedControlConfig = typeof segmentedControlConfig;
|
|
18
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;CAezB,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** Segmented control / tab configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const segmentedControlConfig = {
|
|
4
|
+
common: {
|
|
5
|
+
backgroundColor: tokens.color.neutral[100],
|
|
6
|
+
borderRadius: tokens.borderRadius.md,
|
|
7
|
+
padding: 4,
|
|
8
|
+
segmentRadius: tokens.borderRadius.sm,
|
|
9
|
+
activeBackground: tokens.color.neutral[0],
|
|
10
|
+
activeColor: tokens.color.primary[600],
|
|
11
|
+
inactiveColor: tokens.color.neutral[500],
|
|
12
|
+
fontSize: tokens.fontSize.sm,
|
|
13
|
+
fontWeight: 600,
|
|
14
|
+
segmentPaddingVertical: tokens.spacing.sm,
|
|
15
|
+
segmentPaddingHorizontal: tokens.spacing.md,
|
|
16
|
+
activeShadow: "0 1px 3px rgba(15,23,42,0.08)",
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=config.js.map
|