@lamenna/lxp-shared-components 0.1.0 → 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/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,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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/config.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1C,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE;QACpC,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE;QACrC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACtC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACxC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC5B,UAAU,EAAE,GAAG;QACf,sBAAsB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACzC,wBAAwB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC3C,YAAY,EAAE,+BAA+B;KAC9C;CACO,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { segmentedControlConfig } from "./config";
|
|
2
|
+
export type { SegmentedControlConfig } from "./config";
|
|
3
|
+
export type { SegmentOption, BaseSegmentedControlProps, ReactSegmentedControlProps, ReactNativeSegmentedControlProps, AngularSegmentedControlProps, } from "./types";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AACvD,YAAY,EACV,aAAa,EACb,yBAAyB,EACzB,0BAA0B,EAC1B,gCAAgC,EAChC,4BAA4B,GAC7B,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface SegmentOption {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export interface BaseSegmentedControlProps {
|
|
6
|
+
/** Options as strings or {label,value} objects */
|
|
7
|
+
options?: Array<string | SegmentOption>;
|
|
8
|
+
/** Currently selected value */
|
|
9
|
+
value?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
id?: string;
|
|
13
|
+
testID?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface ReactSegmentedControlProps extends BaseSegmentedControlProps {
|
|
16
|
+
onChange?: (value: string) => void;
|
|
17
|
+
}
|
|
18
|
+
export interface ReactNativeSegmentedControlProps extends BaseSegmentedControlProps {
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
}
|
|
21
|
+
export interface AngularSegmentedControlProps extends BaseSegmentedControlProps {
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,yBAAyB;IACxC,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC;IACxC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,0BAA2B,SAAQ,yBAAyB;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AACD,MAAM,WAAW,gCAAiC,SAAQ,yBAAyB;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AACD,MAAM,WAAW,4BAA6B,SAAQ,yBAAyB;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field.test.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/__tests__/text-field.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { textFieldConfig } from "../config";
|
|
2
|
+
describe("TextField (Shared config)", () => {
|
|
3
|
+
it("defines default / focused / error / disabled states", () => {
|
|
4
|
+
["default", "focused", "error", "disabled"].forEach((s) => {
|
|
5
|
+
expect(textFieldConfig.states[s]).toBeDefined();
|
|
6
|
+
expect(textFieldConfig.states[s].borderColor).toMatch(/^#/);
|
|
7
|
+
expect(textFieldConfig.states[s].borderWidth).toBeGreaterThan(0);
|
|
8
|
+
});
|
|
9
|
+
});
|
|
10
|
+
it("focused/error states use a thicker border than default", () => {
|
|
11
|
+
expect(textFieldConfig.states.focused.borderWidth).toBeGreaterThan(textFieldConfig.states.default.borderWidth);
|
|
12
|
+
expect(textFieldConfig.states.error.borderWidth).toBeGreaterThan(textFieldConfig.states.default.borderWidth);
|
|
13
|
+
});
|
|
14
|
+
it("exposes label / text / error colours", () => {
|
|
15
|
+
expect(textFieldConfig.common.labelColor).toMatch(/^#/);
|
|
16
|
+
expect(textFieldConfig.common.textColor).toMatch(/^#/);
|
|
17
|
+
expect(textFieldConfig.common.errorColor).toMatch(/^#/);
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=text-field.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field.test.js","sourceRoot":"","sources":["../../../../src/components/TextField/__tests__/text-field.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC5D,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACnE,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAChD,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC5D,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC/G,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/G,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export declare const textFieldConfig: {
|
|
2
|
+
readonly states: {
|
|
3
|
+
readonly default: {
|
|
4
|
+
readonly borderColor: string;
|
|
5
|
+
readonly borderWidth: 1;
|
|
6
|
+
readonly backgroundColor: string;
|
|
7
|
+
};
|
|
8
|
+
readonly focused: {
|
|
9
|
+
readonly borderColor: string;
|
|
10
|
+
readonly borderWidth: 2;
|
|
11
|
+
readonly backgroundColor: string;
|
|
12
|
+
};
|
|
13
|
+
readonly error: {
|
|
14
|
+
readonly borderColor: string;
|
|
15
|
+
readonly borderWidth: 2;
|
|
16
|
+
readonly backgroundColor: string;
|
|
17
|
+
};
|
|
18
|
+
readonly disabled: {
|
|
19
|
+
readonly borderColor: string;
|
|
20
|
+
readonly borderWidth: 1;
|
|
21
|
+
readonly backgroundColor: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
readonly common: {
|
|
25
|
+
readonly borderRadius: string;
|
|
26
|
+
readonly paddingVertical: "12px";
|
|
27
|
+
readonly paddingHorizontal: "14px";
|
|
28
|
+
readonly fontSize: string;
|
|
29
|
+
readonly labelColor: string;
|
|
30
|
+
readonly textColor: string;
|
|
31
|
+
readonly placeholderColor: string;
|
|
32
|
+
readonly helperColor: string;
|
|
33
|
+
readonly errorColor: string;
|
|
34
|
+
readonly gap: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export type TextFieldConfig = typeof textFieldConfig;
|
|
38
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/** Text field / input configuration (platform-agnostic). */
|
|
2
|
+
import { tokens } from "@lamenna/lxp-tokens";
|
|
3
|
+
export const textFieldConfig = {
|
|
4
|
+
states: {
|
|
5
|
+
default: {
|
|
6
|
+
borderColor: tokens.color.neutral[300],
|
|
7
|
+
borderWidth: 1,
|
|
8
|
+
backgroundColor: tokens.color.neutral[0],
|
|
9
|
+
},
|
|
10
|
+
focused: {
|
|
11
|
+
borderColor: tokens.color.primary[500],
|
|
12
|
+
borderWidth: 2,
|
|
13
|
+
backgroundColor: tokens.color.neutral[0],
|
|
14
|
+
},
|
|
15
|
+
error: {
|
|
16
|
+
borderColor: tokens.color.danger[600],
|
|
17
|
+
borderWidth: 2,
|
|
18
|
+
backgroundColor: tokens.color.neutral[0],
|
|
19
|
+
},
|
|
20
|
+
disabled: {
|
|
21
|
+
borderColor: tokens.color.neutral[200],
|
|
22
|
+
borderWidth: 1,
|
|
23
|
+
backgroundColor: tokens.color.neutral[100],
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
common: {
|
|
27
|
+
borderRadius: tokens.borderRadius.md,
|
|
28
|
+
paddingVertical: "12px",
|
|
29
|
+
paddingHorizontal: "14px",
|
|
30
|
+
fontSize: tokens.fontSize.md,
|
|
31
|
+
labelColor: tokens.color.neutral[700],
|
|
32
|
+
textColor: tokens.color.neutral[900],
|
|
33
|
+
placeholderColor: tokens.color.neutral[400],
|
|
34
|
+
helperColor: tokens.color.neutral[400],
|
|
35
|
+
errorColor: tokens.color.danger[600],
|
|
36
|
+
gap: tokens.spacing.xs,
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/components/TextField/config.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE;QACN,OAAO,EAAE;YACP,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACtC,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SACzC;QACD,OAAO,EAAE;YACP,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACtC,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SACzC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;YACrC,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SACzC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACtC,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;SAC3C;KACF;IACD,MAAM,EAAE;QACN,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE;QACpC,eAAe,EAAE,MAAM;QACvB,iBAAiB,EAAE,MAAM;QACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC5B,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACrC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3C,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACtC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACpC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACvB;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { textFieldConfig } from "./config";
|
|
2
|
+
export type TextFieldState = keyof typeof textFieldConfig.states;
|
|
3
|
+
export interface BaseTextFieldProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
/** Helper text shown under the field */
|
|
8
|
+
helperText?: string;
|
|
9
|
+
/** When set, the field renders in the error state and shows this message */
|
|
10
|
+
error?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
id?: string;
|
|
14
|
+
testID?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface ReactTextFieldProps extends BaseTextFieldProps {
|
|
17
|
+
type?: string;
|
|
18
|
+
onChange?: (value: string, e?: any) => void;
|
|
19
|
+
onFocus?: (e?: any) => void;
|
|
20
|
+
onBlur?: (e?: any) => void;
|
|
21
|
+
}
|
|
22
|
+
export interface ReactNativeTextFieldProps extends BaseTextFieldProps {
|
|
23
|
+
onChangeText?: (value: string) => void;
|
|
24
|
+
keyboardType?: any;
|
|
25
|
+
secureTextEntry?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface AngularTextFieldProps extends BaseTextFieldProps {
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,eAAe,CAAC,MAAM,CAAC;AAEjE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,mBAAoB,SAAQ,kBAAkB;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AACD,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TextField/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/__tests__/toggle.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { toggleConfig } from "../config";
|
|
2
|
+
describe("Toggle (Shared config)", () => {
|
|
3
|
+
it("defines on/off track colours", () => {
|
|
4
|
+
expect(toggleConfig.track.onColor).toMatch(/^#/);
|
|
5
|
+
expect(toggleConfig.track.offColor).toMatch(/^#/);
|
|
6
|
+
expect(toggleConfig.track.onColor).not.toBe(toggleConfig.track.offColor);
|
|
7
|
+
});
|
|
8
|
+
it("has a knob smaller than the track height", () => {
|
|
9
|
+
expect(toggleConfig.knob.size).toBeGreaterThan(0);
|
|
10
|
+
expect(toggleConfig.knob.size).toBeLessThan(toggleConfig.track.height);
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=toggle.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.test.js","sourceRoot":"","sources":["../../../../src/components/Toggle/__tests__/toggle.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const toggleConfig: {
|
|
2
|
+
readonly track: {
|
|
3
|
+
readonly onColor: string;
|
|
4
|
+
readonly offColor: string;
|
|
5
|
+
readonly width: 44;
|
|
6
|
+
readonly height: 26;
|
|
7
|
+
readonly padding: 3;
|
|
8
|
+
readonly borderRadius: string;
|
|
9
|
+
};
|
|
10
|
+
readonly knob: {
|
|
11
|
+
readonly size: 20;
|
|
12
|
+
readonly color: "#FFFFFF";
|
|
13
|
+
readonly borderRadius: string;
|
|
14
|
+
};
|
|
15
|
+
readonly common: {
|
|
16
|
+
readonly disabledOpacity: 0.5;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export type ToggleConfig = typeof toggleConfig;
|
|
20
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAiBf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC"}
|