@newtonedev/components 0.1.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 +506 -0
- package/dist/Button/Button.d.ts +23 -0
- package/dist/Button/Button.d.ts.map +1 -0
- package/dist/Button/Button.styles.d.ts +39 -0
- package/dist/Button/Button.styles.d.ts.map +1 -0
- package/dist/Button/Button.types.d.ts +42 -0
- package/dist/Button/Button.types.d.ts.map +1 -0
- package/dist/Button/index.d.ts +3 -0
- package/dist/Button/index.d.ts.map +1 -0
- package/dist/Card/Card.d.ts +4 -0
- package/dist/Card/Card.d.ts.map +1 -0
- package/dist/Card/Card.styles.d.ts +12 -0
- package/dist/Card/Card.styles.d.ts.map +1 -0
- package/dist/Card/Card.types.d.ts +9 -0
- package/dist/Card/Card.types.d.ts.map +1 -0
- package/dist/Card/index.d.ts +3 -0
- package/dist/Card/index.d.ts.map +1 -0
- package/dist/HueSlider/HueSlider.d.ts +14 -0
- package/dist/HueSlider/HueSlider.d.ts.map +1 -0
- package/dist/HueSlider/HueSlider.styles.d.ts +28 -0
- package/dist/HueSlider/HueSlider.styles.d.ts.map +1 -0
- package/dist/HueSlider/HueSlider.types.d.ts +12 -0
- package/dist/HueSlider/HueSlider.types.d.ts.map +1 -0
- package/dist/HueSlider/index.d.ts +3 -0
- package/dist/HueSlider/index.d.ts.map +1 -0
- package/dist/Select/Select.d.ts +11 -0
- package/dist/Select/Select.d.ts.map +1 -0
- package/dist/Select/Select.styles.d.ts +23 -0
- package/dist/Select/Select.styles.d.ts.map +1 -0
- package/dist/Select/Select.types.d.ts +14 -0
- package/dist/Select/Select.types.d.ts.map +1 -0
- package/dist/Select/index.d.ts +3 -0
- package/dist/Select/index.d.ts.map +1 -0
- package/dist/Slider/Slider.d.ts +4 -0
- package/dist/Slider/Slider.d.ts.map +1 -0
- package/dist/Slider/Slider.styles.d.ts +27 -0
- package/dist/Slider/Slider.styles.d.ts.map +1 -0
- package/dist/Slider/Slider.types.d.ts +13 -0
- package/dist/Slider/Slider.types.d.ts.map +1 -0
- package/dist/Slider/index.d.ts +3 -0
- package/dist/Slider/index.d.ts.map +1 -0
- package/dist/TextInput/TextInput.d.ts +4 -0
- package/dist/TextInput/TextInput.d.ts.map +1 -0
- package/dist/TextInput/TextInput.styles.d.ts +23 -0
- package/dist/TextInput/TextInput.styles.d.ts.map +1 -0
- package/dist/TextInput/TextInput.types.d.ts +7 -0
- package/dist/TextInput/TextInput.types.d.ts.map +1 -0
- package/dist/TextInput/index.d.ts +3 -0
- package/dist/TextInput/index.d.ts.map +1 -0
- package/dist/Toggle/Toggle.d.ts +4 -0
- package/dist/Toggle/Toggle.d.ts.map +1 -0
- package/dist/Toggle/Toggle.styles.d.ts +30 -0
- package/dist/Toggle/Toggle.styles.d.ts.map +1 -0
- package/dist/Toggle/Toggle.types.d.ts +9 -0
- package/dist/Toggle/Toggle.types.d.ts.map +1 -0
- package/dist/Toggle/index.d.ts +3 -0
- package/dist/Toggle/index.d.ts.map +1 -0
- package/dist/index.cjs +736 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +719 -0
- package/dist/index.js.map +1 -0
- package/dist/theme/NewtoneProvider.d.ts +33 -0
- package/dist/theme/NewtoneProvider.d.ts.map +1 -0
- package/dist/theme/defaults.d.ts +7 -0
- package/dist/theme/defaults.d.ts.map +1 -0
- package/dist/theme/types.d.ts +56 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/tokens/computeTokens.d.ts +30 -0
- package/dist/tokens/computeTokens.d.ts.map +1 -0
- package/dist/tokens/types.d.ts +31 -0
- package/dist/tokens/types.d.ts.map +1 -0
- package/dist/tokens/useTokens.d.ts +26 -0
- package/dist/tokens/useTokens.d.ts.map +1 -0
- package/package.json +57 -0
- package/src/Button/Button.styles.ts +100 -0
- package/src/Button/Button.tsx +67 -0
- package/src/Button/Button.types.ts +49 -0
- package/src/Button/index.ts +2 -0
- package/src/Card/Card.styles.ts +16 -0
- package/src/Card/Card.tsx +25 -0
- package/src/Card/Card.types.ts +9 -0
- package/src/Card/index.ts +2 -0
- package/src/HueSlider/HueSlider.styles.ts +77 -0
- package/src/HueSlider/HueSlider.tsx +70 -0
- package/src/HueSlider/HueSlider.types.ts +12 -0
- package/src/HueSlider/index.ts +2 -0
- package/src/Select/Select.styles.ts +29 -0
- package/src/Select/Select.tsx +60 -0
- package/src/Select/Select.types.ts +15 -0
- package/src/Select/index.ts +2 -0
- package/src/Slider/Slider.styles.ts +45 -0
- package/src/Slider/Slider.tsx +57 -0
- package/src/Slider/Slider.types.ts +13 -0
- package/src/Slider/index.ts +2 -0
- package/src/TextInput/TextInput.styles.ts +29 -0
- package/src/TextInput/TextInput.tsx +32 -0
- package/src/TextInput/TextInput.types.ts +7 -0
- package/src/TextInput/index.ts +2 -0
- package/src/Toggle/Toggle.styles.ts +45 -0
- package/src/Toggle/Toggle.tsx +42 -0
- package/src/Toggle/Toggle.types.ts +9 -0
- package/src/Toggle/index.ts +2 -0
- package/src/index.ts +49 -0
- package/src/theme/NewtoneProvider.tsx +65 -0
- package/src/theme/defaults.ts +42 -0
- package/src/theme/types.ts +62 -0
- package/src/tokens/computeTokens.ts +217 -0
- package/src/tokens/types.ts +31 -0
- package/src/tokens/useTokens.ts +42 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HueSlider.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAS,EACT,KAAK,EACL,SAAiB,EACjB,QAAgB,EAChB,KAAK,GACN,EAAE,cAAc,qBA4ChB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ResolvedTokens } from '../tokens/types';
|
|
2
|
+
export declare function getHueSliderStyles(tokens: ResolvedTokens): {
|
|
3
|
+
container: {
|
|
4
|
+
gap: number;
|
|
5
|
+
};
|
|
6
|
+
labelRow: {
|
|
7
|
+
flexDirection: "row";
|
|
8
|
+
justifyContent: "space-between";
|
|
9
|
+
alignItems: "center";
|
|
10
|
+
};
|
|
11
|
+
label: {
|
|
12
|
+
fontSize: number;
|
|
13
|
+
fontWeight: "600";
|
|
14
|
+
color: string;
|
|
15
|
+
};
|
|
16
|
+
value: {
|
|
17
|
+
fontSize: number;
|
|
18
|
+
fontWeight: "500";
|
|
19
|
+
color: string;
|
|
20
|
+
};
|
|
21
|
+
sliderTrack: {
|
|
22
|
+
height: number;
|
|
23
|
+
borderRadius: number;
|
|
24
|
+
overflow: "hidden";
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export declare function getHueSliderInputStyle(disabled: boolean, min?: number, max?: number): React.CSSProperties;
|
|
28
|
+
//# sourceMappingURL=HueSlider.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HueSlider.styles.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAgCtD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,OAAO,EACjB,GAAG,GAAE,MAAU,EACf,GAAG,GAAE,MAAY,GAChB,KAAK,CAAC,aAAa,CAUrB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
export interface HueSliderProps {
|
|
3
|
+
readonly value: number;
|
|
4
|
+
readonly onValueChange: (value: number) => void;
|
|
5
|
+
readonly min?: number;
|
|
6
|
+
readonly max?: number;
|
|
7
|
+
readonly label?: string;
|
|
8
|
+
readonly showValue?: boolean;
|
|
9
|
+
readonly disabled?: boolean;
|
|
10
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=HueSlider.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HueSlider.types.d.ts","sourceRoot":"","sources":["../../src/HueSlider/HueSlider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HueSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SelectProps } from './Select.types';
|
|
3
|
+
/**
|
|
4
|
+
* Select dropdown component.
|
|
5
|
+
*
|
|
6
|
+
* Renders a native HTML <select> element styled with design tokens.
|
|
7
|
+
* On web (via react-native-web), View renders as a div which can contain
|
|
8
|
+
* standard HTML elements.
|
|
9
|
+
*/
|
|
10
|
+
export declare function Select({ options, value, onValueChange, label, disabled, style, }: SelectProps): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBAuCb"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { ResolvedTokens } from '../tokens/types';
|
|
2
|
+
export declare function getSelectStyles(tokens: ResolvedTokens, disabled: boolean): {
|
|
3
|
+
container: {
|
|
4
|
+
gap: number;
|
|
5
|
+
};
|
|
6
|
+
label: {
|
|
7
|
+
fontSize: number;
|
|
8
|
+
fontWeight: "600";
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
11
|
+
select: {
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
borderWidth: number;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
borderRadius: number;
|
|
16
|
+
paddingVertical: number;
|
|
17
|
+
paddingHorizontal: number;
|
|
18
|
+
fontSize: number;
|
|
19
|
+
color: string;
|
|
20
|
+
opacity: number;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Select.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../src/Select/Select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;EAwBxE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
export interface SelectOption {
|
|
3
|
+
readonly label: string;
|
|
4
|
+
readonly value: string;
|
|
5
|
+
}
|
|
6
|
+
export interface SelectProps {
|
|
7
|
+
readonly options: readonly SelectOption[];
|
|
8
|
+
readonly value: string;
|
|
9
|
+
readonly onValueChange: (value: string) => void;
|
|
10
|
+
readonly label?: string;
|
|
11
|
+
readonly disabled?: boolean;
|
|
12
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=Select.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EACL,SAAiB,EACjB,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBAwCb"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ResolvedTokens } from '../tokens/types';
|
|
2
|
+
export declare function getSliderStyles(tokens: ResolvedTokens): {
|
|
3
|
+
container: {
|
|
4
|
+
gap: number;
|
|
5
|
+
};
|
|
6
|
+
labelRow: {
|
|
7
|
+
flexDirection: "row";
|
|
8
|
+
justifyContent: "space-between";
|
|
9
|
+
alignItems: "center";
|
|
10
|
+
};
|
|
11
|
+
label: {
|
|
12
|
+
fontSize: number;
|
|
13
|
+
fontWeight: "600";
|
|
14
|
+
color: string;
|
|
15
|
+
};
|
|
16
|
+
value: {
|
|
17
|
+
fontSize: number;
|
|
18
|
+
fontWeight: "500";
|
|
19
|
+
color: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Generate CSS for the range input styling.
|
|
24
|
+
* Returns inline CSS properties for the native <input type="range">.
|
|
25
|
+
*/
|
|
26
|
+
export declare function getSliderInputStyle(tokens: ResolvedTokens, disabled: boolean): React.CSSProperties;
|
|
27
|
+
//# sourceMappingURL=Slider.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../src/Slider/Slider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc;;;;;;;;;;;;;;;;;;;EAqBrD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,GAChB,KAAK,CAAC,aAAa,CAUrB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
export interface SliderProps {
|
|
3
|
+
readonly value: number;
|
|
4
|
+
readonly onValueChange: (value: number) => void;
|
|
5
|
+
readonly min?: number;
|
|
6
|
+
readonly max?: number;
|
|
7
|
+
readonly step?: number;
|
|
8
|
+
readonly label?: string;
|
|
9
|
+
readonly showValue?: boolean;
|
|
10
|
+
readonly disabled?: boolean;
|
|
11
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=Slider.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../src/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,cAAc,qBAmBhB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { ResolvedTokens } from '../tokens/types';
|
|
2
|
+
export declare function getTextInputStyles(tokens: ResolvedTokens, disabled: boolean): {
|
|
3
|
+
container: {
|
|
4
|
+
gap: number;
|
|
5
|
+
};
|
|
6
|
+
label: {
|
|
7
|
+
fontSize: number;
|
|
8
|
+
fontWeight: "600";
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
11
|
+
input: {
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
borderWidth: number;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
borderRadius: number;
|
|
16
|
+
paddingVertical: number;
|
|
17
|
+
paddingHorizontal: number;
|
|
18
|
+
fontSize: number;
|
|
19
|
+
color: string;
|
|
20
|
+
opacity: number;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=TextInput.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;EAwB3E"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { TextInputProps as RNTextInputProps, ViewStyle } from 'react-native';
|
|
2
|
+
export interface TextInputProps extends Omit<RNTextInputProps, 'style'> {
|
|
3
|
+
readonly label?: string;
|
|
4
|
+
readonly disabled?: boolean;
|
|
5
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=TextInput.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,gBAAgB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAElF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA6Bb"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ResolvedTokens } from '../tokens/types';
|
|
2
|
+
export declare function getToggleStyles(tokens: ResolvedTokens, value: boolean, disabled: boolean): {
|
|
3
|
+
container: {
|
|
4
|
+
flexDirection: "row";
|
|
5
|
+
alignItems: "center";
|
|
6
|
+
gap: number;
|
|
7
|
+
opacity: number;
|
|
8
|
+
};
|
|
9
|
+
label: {
|
|
10
|
+
fontSize: number;
|
|
11
|
+
fontWeight: "600";
|
|
12
|
+
color: string;
|
|
13
|
+
};
|
|
14
|
+
track: {
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
borderRadius: number;
|
|
18
|
+
backgroundColor: string;
|
|
19
|
+
justifyContent: "center";
|
|
20
|
+
paddingHorizontal: number;
|
|
21
|
+
};
|
|
22
|
+
thumb: {
|
|
23
|
+
width: number;
|
|
24
|
+
height: number;
|
|
25
|
+
borderRadius: number;
|
|
26
|
+
backgroundColor: string;
|
|
27
|
+
alignSelf: "flex-start" | "flex-end";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=Toggle.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAOtD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgClB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
export interface ToggleProps {
|
|
3
|
+
readonly value: boolean;
|
|
4
|
+
readonly onValueChange: (value: boolean) => void;
|
|
5
|
+
readonly label?: string;
|
|
6
|
+
readonly disabled?: boolean;
|
|
7
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=Toggle.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.types.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
|