@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.
Files changed (111) hide show
  1. package/README.md +506 -0
  2. package/dist/Button/Button.d.ts +23 -0
  3. package/dist/Button/Button.d.ts.map +1 -0
  4. package/dist/Button/Button.styles.d.ts +39 -0
  5. package/dist/Button/Button.styles.d.ts.map +1 -0
  6. package/dist/Button/Button.types.d.ts +42 -0
  7. package/dist/Button/Button.types.d.ts.map +1 -0
  8. package/dist/Button/index.d.ts +3 -0
  9. package/dist/Button/index.d.ts.map +1 -0
  10. package/dist/Card/Card.d.ts +4 -0
  11. package/dist/Card/Card.d.ts.map +1 -0
  12. package/dist/Card/Card.styles.d.ts +12 -0
  13. package/dist/Card/Card.styles.d.ts.map +1 -0
  14. package/dist/Card/Card.types.d.ts +9 -0
  15. package/dist/Card/Card.types.d.ts.map +1 -0
  16. package/dist/Card/index.d.ts +3 -0
  17. package/dist/Card/index.d.ts.map +1 -0
  18. package/dist/HueSlider/HueSlider.d.ts +14 -0
  19. package/dist/HueSlider/HueSlider.d.ts.map +1 -0
  20. package/dist/HueSlider/HueSlider.styles.d.ts +28 -0
  21. package/dist/HueSlider/HueSlider.styles.d.ts.map +1 -0
  22. package/dist/HueSlider/HueSlider.types.d.ts +12 -0
  23. package/dist/HueSlider/HueSlider.types.d.ts.map +1 -0
  24. package/dist/HueSlider/index.d.ts +3 -0
  25. package/dist/HueSlider/index.d.ts.map +1 -0
  26. package/dist/Select/Select.d.ts +11 -0
  27. package/dist/Select/Select.d.ts.map +1 -0
  28. package/dist/Select/Select.styles.d.ts +23 -0
  29. package/dist/Select/Select.styles.d.ts.map +1 -0
  30. package/dist/Select/Select.types.d.ts +14 -0
  31. package/dist/Select/Select.types.d.ts.map +1 -0
  32. package/dist/Select/index.d.ts +3 -0
  33. package/dist/Select/index.d.ts.map +1 -0
  34. package/dist/Slider/Slider.d.ts +4 -0
  35. package/dist/Slider/Slider.d.ts.map +1 -0
  36. package/dist/Slider/Slider.styles.d.ts +27 -0
  37. package/dist/Slider/Slider.styles.d.ts.map +1 -0
  38. package/dist/Slider/Slider.types.d.ts +13 -0
  39. package/dist/Slider/Slider.types.d.ts.map +1 -0
  40. package/dist/Slider/index.d.ts +3 -0
  41. package/dist/Slider/index.d.ts.map +1 -0
  42. package/dist/TextInput/TextInput.d.ts +4 -0
  43. package/dist/TextInput/TextInput.d.ts.map +1 -0
  44. package/dist/TextInput/TextInput.styles.d.ts +23 -0
  45. package/dist/TextInput/TextInput.styles.d.ts.map +1 -0
  46. package/dist/TextInput/TextInput.types.d.ts +7 -0
  47. package/dist/TextInput/TextInput.types.d.ts.map +1 -0
  48. package/dist/TextInput/index.d.ts +3 -0
  49. package/dist/TextInput/index.d.ts.map +1 -0
  50. package/dist/Toggle/Toggle.d.ts +4 -0
  51. package/dist/Toggle/Toggle.d.ts.map +1 -0
  52. package/dist/Toggle/Toggle.styles.d.ts +30 -0
  53. package/dist/Toggle/Toggle.styles.d.ts.map +1 -0
  54. package/dist/Toggle/Toggle.types.d.ts +9 -0
  55. package/dist/Toggle/Toggle.types.d.ts.map +1 -0
  56. package/dist/Toggle/index.d.ts +3 -0
  57. package/dist/Toggle/index.d.ts.map +1 -0
  58. package/dist/index.cjs +736 -0
  59. package/dist/index.cjs.map +1 -0
  60. package/dist/index.d.ts +22 -0
  61. package/dist/index.d.ts.map +1 -0
  62. package/dist/index.js +719 -0
  63. package/dist/index.js.map +1 -0
  64. package/dist/theme/NewtoneProvider.d.ts +33 -0
  65. package/dist/theme/NewtoneProvider.d.ts.map +1 -0
  66. package/dist/theme/defaults.d.ts +7 -0
  67. package/dist/theme/defaults.d.ts.map +1 -0
  68. package/dist/theme/types.d.ts +56 -0
  69. package/dist/theme/types.d.ts.map +1 -0
  70. package/dist/tokens/computeTokens.d.ts +30 -0
  71. package/dist/tokens/computeTokens.d.ts.map +1 -0
  72. package/dist/tokens/types.d.ts +31 -0
  73. package/dist/tokens/types.d.ts.map +1 -0
  74. package/dist/tokens/useTokens.d.ts +26 -0
  75. package/dist/tokens/useTokens.d.ts.map +1 -0
  76. package/package.json +57 -0
  77. package/src/Button/Button.styles.ts +100 -0
  78. package/src/Button/Button.tsx +67 -0
  79. package/src/Button/Button.types.ts +49 -0
  80. package/src/Button/index.ts +2 -0
  81. package/src/Card/Card.styles.ts +16 -0
  82. package/src/Card/Card.tsx +25 -0
  83. package/src/Card/Card.types.ts +9 -0
  84. package/src/Card/index.ts +2 -0
  85. package/src/HueSlider/HueSlider.styles.ts +77 -0
  86. package/src/HueSlider/HueSlider.tsx +70 -0
  87. package/src/HueSlider/HueSlider.types.ts +12 -0
  88. package/src/HueSlider/index.ts +2 -0
  89. package/src/Select/Select.styles.ts +29 -0
  90. package/src/Select/Select.tsx +60 -0
  91. package/src/Select/Select.types.ts +15 -0
  92. package/src/Select/index.ts +2 -0
  93. package/src/Slider/Slider.styles.ts +45 -0
  94. package/src/Slider/Slider.tsx +57 -0
  95. package/src/Slider/Slider.types.ts +13 -0
  96. package/src/Slider/index.ts +2 -0
  97. package/src/TextInput/TextInput.styles.ts +29 -0
  98. package/src/TextInput/TextInput.tsx +32 -0
  99. package/src/TextInput/TextInput.types.ts +7 -0
  100. package/src/TextInput/index.ts +2 -0
  101. package/src/Toggle/Toggle.styles.ts +45 -0
  102. package/src/Toggle/Toggle.tsx +42 -0
  103. package/src/Toggle/Toggle.types.ts +9 -0
  104. package/src/Toggle/index.ts +2 -0
  105. package/src/index.ts +49 -0
  106. package/src/theme/NewtoneProvider.tsx +65 -0
  107. package/src/theme/defaults.ts +42 -0
  108. package/src/theme/types.ts +62 -0
  109. package/src/tokens/computeTokens.ts +217 -0
  110. package/src/tokens/types.ts +31 -0
  111. 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,3 @@
1
+ export { HueSlider } from './HueSlider';
2
+ export type { HueSliderProps } from './HueSlider.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { Select } from './Select';
2
+ export type { SelectProps, SelectOption } from './Select.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,4 @@
1
+ import React from 'react';
2
+ import type { SliderProps } from './Slider.types';
3
+ export declare function Slider({ value, onValueChange, min, max, step, label, showValue, disabled, style, }: SliderProps): React.JSX.Element;
4
+ //# sourceMappingURL=Slider.d.ts.map
@@ -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,3 @@
1
+ export { Slider } from './Slider';
2
+ export type { SliderProps } from './Slider.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,4 @@
1
+ import React from 'react';
2
+ import type { TextInputProps } from './TextInput.types';
3
+ export declare function TextInput({ label, disabled, style, ...textInputProps }: TextInputProps): React.JSX.Element;
4
+ //# sourceMappingURL=TextInput.d.ts.map
@@ -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,3 @@
1
+ export { TextInput } from './TextInput';
2
+ export type { TextInputProps } from './TextInput.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,4 @@
1
+ import React from 'react';
2
+ import type { ToggleProps } from './Toggle.types';
3
+ export declare function Toggle({ value, onValueChange, label, disabled, style, }: ToggleProps): React.JSX.Element;
4
+ //# sourceMappingURL=Toggle.d.ts.map
@@ -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,3 @@
1
+ export { Toggle } from './Toggle';
2
+ export type { ToggleProps } from './Toggle.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}