@newtonedev/components 0.1.13 → 0.1.15
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/composites/actions/Button/Button.d.ts +17 -20
- package/dist/composites/actions/Button/Button.d.ts.map +1 -1
- package/dist/composites/actions/Button/Button.styles.d.ts +12 -24
- package/dist/composites/actions/Button/Button.styles.d.ts.map +1 -1
- package/dist/composites/actions/Button/Button.types.d.ts +14 -13
- package/dist/composites/actions/Button/Button.types.d.ts.map +1 -1
- package/dist/composites/actions/Button/index.d.ts +1 -1
- package/dist/composites/actions/Button/index.d.ts.map +1 -1
- package/dist/composites/branding/LogoMonogram/LogoMonogram.d.ts +10 -0
- package/dist/composites/branding/LogoMonogram/LogoMonogram.d.ts.map +1 -0
- package/dist/composites/branding/LogoMonogram/LogoMonogram.types.d.ts +35 -0
- package/dist/composites/branding/LogoMonogram/LogoMonogram.types.d.ts.map +1 -0
- package/dist/composites/branding/LogoMonogram/index.d.ts +3 -0
- package/dist/composites/branding/LogoMonogram/index.d.ts.map +1 -0
- package/dist/composites/branding/LogoWordmark/LogoWordmark.d.ts +9 -0
- package/dist/composites/branding/LogoWordmark/LogoWordmark.d.ts.map +1 -0
- package/dist/composites/branding/LogoWordmark/LogoWordmark.types.d.ts +26 -0
- package/dist/composites/branding/LogoWordmark/LogoWordmark.types.d.ts.map +1 -0
- package/dist/composites/branding/LogoWordmark/index.d.ts +3 -0
- package/dist/composites/branding/LogoWordmark/index.d.ts.map +1 -0
- package/dist/composites/display/Chip/Chip.d.ts +25 -0
- package/dist/composites/display/Chip/Chip.d.ts.map +1 -0
- package/dist/composites/display/Chip/Chip.styles.d.ts +29 -0
- package/dist/composites/display/Chip/Chip.styles.d.ts.map +1 -0
- package/dist/composites/display/Chip/Chip.types.d.ts +63 -0
- package/dist/composites/display/Chip/Chip.types.d.ts.map +1 -0
- package/dist/composites/display/Chip/index.d.ts +3 -0
- package/dist/composites/display/Chip/index.d.ts.map +1 -0
- package/dist/composites/form-controls/Select/Select.d.ts.map +1 -1
- package/dist/composites/form-controls/Select/Select.styles.d.ts +2 -2
- package/dist/composites/form-controls/Select/Select.styles.d.ts.map +1 -1
- package/dist/composites/form-controls/Select/SelectOption.d.ts.map +1 -1
- package/dist/composites/form-controls/TextInput/TextInput.d.ts.map +1 -1
- package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts +2 -2
- package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts.map +1 -1
- package/dist/composites/form-controls/Toggle/Toggle.d.ts.map +1 -1
- package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts +2 -2
- package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts.map +1 -1
- package/dist/composites/layout/AppShell/AppShell.d.ts.map +1 -1
- package/dist/composites/layout/AppShell/AppShell.styles.d.ts +2 -2
- package/dist/composites/layout/AppShell/AppShell.styles.d.ts.map +1 -1
- package/dist/composites/layout/Card/Card.d.ts.map +1 -1
- package/dist/composites/layout/Card/Card.styles.d.ts +2 -2
- package/dist/composites/layout/Card/Card.styles.d.ts.map +1 -1
- package/dist/composites/layout/ContentCard/ContentCard.d.ts +33 -0
- package/dist/composites/layout/ContentCard/ContentCard.d.ts.map +1 -0
- package/dist/composites/layout/ContentCard/ContentCard.styles.d.ts +10 -0
- package/dist/composites/layout/ContentCard/ContentCard.styles.d.ts.map +1 -0
- package/dist/composites/layout/ContentCard/ContentCard.types.d.ts +52 -0
- package/dist/composites/layout/ContentCard/ContentCard.types.d.ts.map +1 -0
- package/dist/composites/layout/ContentCard/index.d.ts +3 -0
- package/dist/composites/layout/ContentCard/index.d.ts.map +1 -0
- package/dist/composites/layout/Divider/Divider.d.ts +25 -0
- package/dist/composites/layout/Divider/Divider.d.ts.map +1 -0
- package/dist/composites/layout/Divider/Divider.styles.d.ts +8 -0
- package/dist/composites/layout/Divider/Divider.styles.d.ts.map +1 -0
- package/dist/composites/layout/Divider/Divider.types.d.ts +25 -0
- package/dist/composites/layout/Divider/Divider.types.d.ts.map +1 -0
- package/dist/composites/layout/Divider/index.d.ts +3 -0
- package/dist/composites/layout/Divider/index.d.ts.map +1 -0
- package/dist/composites/layout/Navbar/Navbar.d.ts.map +1 -1
- package/dist/composites/layout/Navbar/Navbar.styles.d.ts +4 -3
- package/dist/composites/layout/Navbar/Navbar.styles.d.ts.map +1 -1
- package/dist/composites/layout/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/composites/layout/Sidebar/Sidebar.styles.d.ts +4 -3
- package/dist/composites/layout/Sidebar/Sidebar.styles.d.ts.map +1 -1
- package/dist/composites/overlays/Popover/Popover.d.ts.map +1 -1
- package/dist/composites/overlays/Popover/Popover.styles.d.ts +2 -2
- package/dist/composites/overlays/Popover/Popover.styles.d.ts.map +1 -1
- package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.d.ts.map +1 -1
- package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.d.ts +2 -2
- package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.d.ts.map +1 -1
- package/dist/composites/range-inputs/HueSlider/HueSlider.styles.d.ts +2 -2
- package/dist/composites/range-inputs/HueSlider/HueSlider.styles.d.ts.map +1 -1
- package/dist/composites/range-inputs/Slider/Slider.styles.d.ts +2 -2
- package/dist/composites/range-inputs/Slider/Slider.styles.d.ts.map +1 -1
- package/dist/index.cjs +935 -523
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +13 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +860 -473
- package/dist/index.js.map +1 -1
- package/dist/primitives/Frame/Frame.d.ts +1 -35
- package/dist/primitives/Frame/Frame.d.ts.map +1 -1
- package/dist/primitives/Frame/Frame.styles.d.ts +13 -4
- package/dist/primitives/Frame/Frame.styles.d.ts.map +1 -1
- package/dist/primitives/Frame/Frame.types.d.ts +99 -1
- package/dist/primitives/Frame/Frame.types.d.ts.map +1 -1
- package/dist/primitives/Frame/index.d.ts +1 -1
- package/dist/primitives/Frame/index.d.ts.map +1 -1
- package/dist/primitives/Icon/Icon.d.ts.map +1 -1
- package/dist/primitives/Icon/Icon.types.d.ts +2 -2
- package/dist/primitives/Icon/Icon.types.d.ts.map +1 -1
- package/dist/primitives/Text/Text.d.ts +5 -3
- package/dist/primitives/Text/Text.d.ts.map +1 -1
- package/dist/primitives/Text/Text.spans.d.ts.map +1 -1
- package/dist/primitives/Text/Text.types.d.ts +3 -6
- package/dist/primitives/Text/Text.types.d.ts.map +1 -1
- package/dist/primitives/Wrapper/Wrapper.d.ts +1 -1
- package/dist/primitives/Wrapper/Wrapper.d.ts.map +1 -1
- package/dist/primitives/Wrapper/Wrapper.styles.d.ts +9 -1
- package/dist/primitives/Wrapper/Wrapper.styles.d.ts.map +1 -1
- package/dist/primitives/Wrapper/Wrapper.types.d.ts +31 -1
- package/dist/primitives/Wrapper/Wrapper.types.d.ts.map +1 -1
- package/dist/registry/registry.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/composites/actions/Button/Button.styles.ts +90 -182
- package/src/composites/actions/Button/Button.tsx +37 -33
- package/src/composites/actions/Button/Button.types.ts +16 -15
- package/src/composites/actions/Button/index.ts +1 -1
- package/src/composites/branding/LogoMonogram/LogoMonogram.tsx +29 -0
- package/src/composites/branding/LogoMonogram/LogoMonogram.types.ts +35 -0
- package/src/composites/branding/LogoMonogram/index.ts +2 -0
- package/src/composites/branding/LogoWordmark/LogoWordmark.tsx +29 -0
- package/src/composites/branding/LogoWordmark/LogoWordmark.types.ts +25 -0
- package/src/composites/branding/LogoWordmark/index.ts +2 -0
- package/src/composites/display/Chip/Chip.styles.ts +189 -0
- package/src/composites/display/Chip/Chip.tsx +97 -0
- package/src/composites/display/Chip/Chip.types.ts +74 -0
- package/src/composites/display/Chip/index.ts +2 -0
- package/src/composites/form-controls/Select/Select.styles.ts +10 -10
- package/src/composites/form-controls/Select/Select.tsx +9 -6
- package/src/composites/form-controls/Select/SelectOption.tsx +10 -7
- package/src/composites/form-controls/TextInput/TextInput.styles.ts +12 -8
- package/src/composites/form-controls/TextInput/TextInput.tsx +7 -4
- package/src/composites/form-controls/Toggle/Toggle.styles.ts +10 -7
- package/src/composites/form-controls/Toggle/Toggle.tsx +4 -3
- package/src/composites/layout/AppShell/AppShell.styles.ts +8 -3
- package/src/composites/layout/AppShell/AppShell.tsx +6 -2
- package/src/composites/layout/Card/Card.styles.ts +10 -4
- package/src/composites/layout/Card/Card.tsx +4 -3
- package/src/composites/layout/ContentCard/ContentCard.styles.ts +44 -0
- package/src/composites/layout/ContentCard/ContentCard.tsx +71 -0
- package/src/composites/layout/ContentCard/ContentCard.types.ts +60 -0
- package/src/composites/layout/ContentCard/index.ts +2 -0
- package/src/composites/layout/Divider/Divider.styles.ts +30 -0
- package/src/composites/layout/Divider/Divider.tsx +46 -0
- package/src/composites/layout/Divider/Divider.types.ts +28 -0
- package/src/composites/layout/Divider/index.ts +2 -0
- package/src/composites/layout/Navbar/Navbar.styles.ts +7 -5
- package/src/composites/layout/Navbar/Navbar.tsx +4 -3
- package/src/composites/layout/Sidebar/Sidebar.styles.ts +7 -5
- package/src/composites/layout/Sidebar/Sidebar.tsx +4 -3
- package/src/composites/overlays/Popover/Popover.styles.ts +7 -5
- package/src/composites/overlays/Popover/Popover.tsx +4 -3
- package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.ts +5 -5
- package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.tsx +4 -3
- package/src/composites/range-inputs/HueSlider/HueSlider.styles.ts +7 -7
- package/src/composites/range-inputs/HueSlider/HueSlider.tsx +1 -1
- package/src/composites/range-inputs/Slider/Slider.styles.ts +9 -9
- package/src/composites/range-inputs/Slider/Slider.tsx +1 -1
- package/src/index.ts +49 -10
- package/src/primitives/Frame/Frame.styles.ts +55 -12
- package/src/primitives/Frame/Frame.tsx +139 -140
- package/src/primitives/Frame/Frame.types.ts +119 -1
- package/src/primitives/Frame/index.ts +4 -0
- package/src/primitives/Icon/Icon.tsx +9 -6
- package/src/primitives/Icon/Icon.types.ts +2 -2
- package/src/primitives/Text/Text.spans.ts +9 -5
- package/src/primitives/Text/Text.tsx +26 -15
- package/src/primitives/Text/Text.types.ts +3 -6
- package/src/primitives/Wrapper/Wrapper.styles.ts +32 -0
- package/src/primitives/Wrapper/Wrapper.tsx +22 -3
- package/src/primitives/Wrapper/Wrapper.types.ts +45 -0
- package/src/registry/registry.ts +5 -21
- package/dist/_COMPONENT_TEMPLATE/ComponentName.d.ts +0 -70
- package/dist/_COMPONENT_TEMPLATE/ComponentName.d.ts.map +0 -1
- package/dist/_COMPONENT_TEMPLATE/ComponentName.styles.d.ts +0 -23
- package/dist/_COMPONENT_TEMPLATE/ComponentName.styles.d.ts.map +0 -1
- package/dist/_COMPONENT_TEMPLATE/ComponentName.types.d.ts +0 -45
- package/dist/_COMPONENT_TEMPLATE/ComponentName.types.d.ts.map +0 -1
- package/dist/_COMPONENT_TEMPLATE/index.d.ts +0 -3
- package/dist/_COMPONENT_TEMPLATE/index.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAoB,EACpB,IAAI,EACJ,OAAO,EACP,OAAY,EACZ,GAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,qBA0BlB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
import type { UseTokensResult } from 'newtone-api';
|
|
3
|
+
import type { ContentCardVariant } from './ContentCard.types';
|
|
4
|
+
/**
|
|
5
|
+
* Compute variant-specific styles for ContentCard.
|
|
6
|
+
* Uses `as ViewStyle` for web-only properties (cursor, borderBottomStyle)
|
|
7
|
+
* that react-native-web supports but RN types don't include.
|
|
8
|
+
*/
|
|
9
|
+
export declare function getContentCardStyles(variant: ContentCardVariant, isInteractive: boolean, tokens: UseTokensResult): ViewStyle;
|
|
10
|
+
//# sourceMappingURL=ContentCard.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,OAAO,EACtB,MAAM,EAAE,eAAe,GACtB,SAAS,CA8BX"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
import type { PaddingProp, GapProp } from '../../../primitives/Frame/Frame.types';
|
|
3
|
+
/**
|
|
4
|
+
* Visual variant for the ContentCard component
|
|
5
|
+
*/
|
|
6
|
+
export type ContentCardVariant = 'elevated' | 'bordered' | 'flat';
|
|
7
|
+
/**
|
|
8
|
+
* Props for the ContentCard component
|
|
9
|
+
*/
|
|
10
|
+
export interface ContentCardProps {
|
|
11
|
+
/**
|
|
12
|
+
* Card content.
|
|
13
|
+
*/
|
|
14
|
+
readonly children: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Visual variant:
|
|
17
|
+
* - `'elevated'` — raised surface with tinted background and elevation shadow
|
|
18
|
+
* - `'bordered'` — outlined container with border and rounded corners
|
|
19
|
+
* - `'flat'` — minimal, bottom-border only (for list rows)
|
|
20
|
+
*
|
|
21
|
+
* @default 'bordered'
|
|
22
|
+
*/
|
|
23
|
+
readonly variant?: ContentCardVariant;
|
|
24
|
+
/**
|
|
25
|
+
* Navigation URL — makes the card a link.
|
|
26
|
+
*/
|
|
27
|
+
readonly href?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Press handler — makes the card interactive.
|
|
30
|
+
*/
|
|
31
|
+
readonly onPress?: () => void;
|
|
32
|
+
/**
|
|
33
|
+
* Padding inside the card.
|
|
34
|
+
* @default 20
|
|
35
|
+
*/
|
|
36
|
+
readonly padding?: PaddingProp;
|
|
37
|
+
/**
|
|
38
|
+
* Gap between children.
|
|
39
|
+
* @default 8
|
|
40
|
+
*/
|
|
41
|
+
readonly gap?: GapProp;
|
|
42
|
+
/**
|
|
43
|
+
* Disabled state
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
readonly disabled?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Custom style overrides
|
|
49
|
+
*/
|
|
50
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=ContentCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentCard.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;;;;;OAOG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE/B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DividerProps } from './Divider.types';
|
|
3
|
+
/**
|
|
4
|
+
* Divider — A horizontal or vertical separator line.
|
|
5
|
+
*
|
|
6
|
+
* Uses the theme's divider color from tokens automatically.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* // Horizontal divider
|
|
11
|
+
* <Divider />
|
|
12
|
+
*
|
|
13
|
+
* // With spacing
|
|
14
|
+
* <Divider spacing={16} />
|
|
15
|
+
*
|
|
16
|
+
* // Vertical divider (inside a horizontal Wrapper)
|
|
17
|
+
* <Wrapper direction="horizontal" align="center">
|
|
18
|
+
* <Text>Left</Text>
|
|
19
|
+
* <Divider orientation="vertical" spacing={12} />
|
|
20
|
+
* <Text>Right</Text>
|
|
21
|
+
* </Wrapper>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export declare function Divider({ orientation, spacing, style, }: DividerProps): React.JSX.Element;
|
|
25
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,OAAO,EACP,KAAK,GACN,EAAE,YAAY,qBAcd"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
import type { UseTokensResult } from 'newtone-api';
|
|
3
|
+
import type { DividerOrientation } from './Divider.types';
|
|
4
|
+
/**
|
|
5
|
+
* Compute divider styles based on orientation, spacing, and tokens.
|
|
6
|
+
*/
|
|
7
|
+
export declare function getDividerStyles(orientation: DividerOrientation, spacing: number | undefined, tokens: UseTokensResult): ViewStyle;
|
|
8
|
+
//# sourceMappingURL=Divider.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Divider/Divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,kBAAkB,EAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,MAAM,EAAE,eAAe,GACtB,SAAS,CAkBX"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
/**
|
|
3
|
+
* Orientation of the divider line
|
|
4
|
+
*/
|
|
5
|
+
export type DividerOrientation = 'horizontal' | 'vertical';
|
|
6
|
+
/**
|
|
7
|
+
* Props for the Divider component
|
|
8
|
+
*/
|
|
9
|
+
export interface DividerProps {
|
|
10
|
+
/**
|
|
11
|
+
* Orientation of the divider line.
|
|
12
|
+
* @default 'horizontal'
|
|
13
|
+
*/
|
|
14
|
+
readonly orientation?: DividerOrientation;
|
|
15
|
+
/**
|
|
16
|
+
* Spacing around the divider (margin above+below for horizontal, left+right for vertical).
|
|
17
|
+
* Accepts a pixel number.
|
|
18
|
+
*/
|
|
19
|
+
readonly spacing?: number;
|
|
20
|
+
/**
|
|
21
|
+
* Custom style overrides
|
|
22
|
+
*/
|
|
23
|
+
readonly style?: ViewStyle | ViewStyle[];
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=Divider.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAE1C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAW,EACX,QAAe,GAChB,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAW,EACX,QAAe,GAChB,EAAE,WAAW,qBAoBb"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import type { ResolvedTokens,
|
|
1
|
+
import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
|
|
2
2
|
interface NavbarStyleInput {
|
|
3
3
|
readonly tokens: ResolvedTokens;
|
|
4
|
-
readonly gamut: ColorGamut;
|
|
5
4
|
readonly height: number;
|
|
6
5
|
readonly bordered: boolean;
|
|
6
|
+
readonly theme?: ThemeName;
|
|
7
|
+
readonly appearance?: AppearanceName;
|
|
7
8
|
}
|
|
8
|
-
export declare function getNavbarStyles({ tokens,
|
|
9
|
+
export declare function getNavbarStyles({ tokens, height, bordered, theme, appearance }: NavbarStyleInput): {
|
|
9
10
|
container: {
|
|
10
11
|
flexDirection: "row";
|
|
11
12
|
alignItems: "center";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Navbar/Navbar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Navbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Navbar/Navbar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,UAAU,gBAAgB;IACxB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;CACtC;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAiB,EAAE,UAAmB,EAAE,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;EA2BrH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAW,EACX,QAAe,GAChB,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAW,EACX,QAAe,GAChB,EAAE,YAAY,qBAed"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import type { ResolvedTokens,
|
|
1
|
+
import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
|
|
2
2
|
interface SidebarStyleInput {
|
|
3
3
|
readonly tokens: ResolvedTokens;
|
|
4
|
-
readonly gamut: ColorGamut;
|
|
5
4
|
readonly width: number;
|
|
6
5
|
readonly bordered: boolean;
|
|
6
|
+
readonly theme?: ThemeName;
|
|
7
|
+
readonly appearance?: AppearanceName;
|
|
7
8
|
}
|
|
8
|
-
export declare function getSidebarStyles({ tokens,
|
|
9
|
+
export declare function getSidebarStyles({ tokens, width, bordered, theme, appearance }: SidebarStyleInput): {
|
|
9
10
|
container: {
|
|
10
11
|
width: number;
|
|
11
12
|
flexShrink: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,UAAU,iBAAiB;IACzB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAiB,EAAE,UAAmB,EAAE,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;EA2BtH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/composites/overlays/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,SAAe,EACf,MAAU,EACV,aAAoB,EACpB,KAAK,EACL,YAAY,GACb,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/composites/overlays/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,SAAe,EACf,MAAU,EACV,aAAoB,EACpB,KAAK,EACL,YAAY,GACb,EAAE,YAAY,qBAoFd"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ResolvedTokens,
|
|
2
|
-
export declare function getPopoverStyles(tokens: ResolvedTokens,
|
|
1
|
+
import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
|
|
2
|
+
export declare function getPopoverStyles(tokens: ResolvedTokens, triggerHeight: number, offset: number, maxHeight: number, width: 'trigger' | 'auto' | number, isOpen: boolean, theme?: ThemeName, appearance?: AppearanceName): {
|
|
3
3
|
container: {
|
|
4
4
|
position: "relative";
|
|
5
5
|
zIndex: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/overlays/Popover/Popover.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/overlays/Popover/Popover.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,OAAO,EACf,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCpC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorScaleSlider.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,MAAM,EACb,KAAK,GACN,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"ColorScaleSlider.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAgB,EAChB,YAAoB,EACpB,KAAK,EAAE,MAAM,EACb,KAAK,GACN,EAAE,qBAAqB,qBAiIvB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ResolvedTokens
|
|
1
|
+
import type { ResolvedTokens } from 'newtone-api';
|
|
2
2
|
declare const TRACK_HEIGHT = 22;
|
|
3
3
|
export declare const THUMB_SIZE = 18;
|
|
4
|
-
export declare function getColorScaleSliderStyles(tokens: ResolvedTokens,
|
|
4
|
+
export declare function getColorScaleSliderStyles(tokens: ResolvedTokens, disabled: boolean): {
|
|
5
5
|
container: {
|
|
6
6
|
gap: number;
|
|
7
7
|
opacity: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorScaleSlider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"ColorScaleSlider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,YAAY,KAAK,CAAC;AACxB,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAclB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAgCH,GAAG;;;EAInE;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { ResolvedTokens
|
|
1
|
+
import type { ResolvedTokens } from 'newtone-api';
|
|
2
2
|
export declare const THUMB_SIZE = 18;
|
|
3
3
|
/** Convert an OKLCH hue [0, 360) to a hex string via gamut-mapped rendering. */
|
|
4
4
|
export declare function hueToHex(oklchHue: number): string;
|
|
5
5
|
/** Build an array of hex colors for the gradient track segments. */
|
|
6
6
|
export declare function buildHueSegments(min: number, max: number): string[];
|
|
7
|
-
export declare function getHueSliderStyles(tokens: ResolvedTokens,
|
|
7
|
+
export declare function getHueSliderStyles(tokens: ResolvedTokens, disabled: boolean): {
|
|
8
8
|
container: {
|
|
9
9
|
gap: number;
|
|
10
10
|
opacity: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HueSlider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/HueSlider/HueSlider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"HueSlider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/HueSlider/HueSlider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,UAAU,KAAK,CAAC;AAK7B,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGjD;AAED,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAKnE;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAcX,GAAG;;;;;;oBAMH,GAAG;;;;;;;;;;;;;;oBAcH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BnE"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ResolvedTokens
|
|
1
|
+
import type { ResolvedTokens } from 'newtone-api';
|
|
2
2
|
export declare const THUMB_SIZE = 16;
|
|
3
|
-
export declare function getSliderStyles(tokens: ResolvedTokens,
|
|
3
|
+
export declare function getSliderStyles(tokens: ResolvedTokens, disabled: boolean): {
|
|
4
4
|
container: {
|
|
5
5
|
gap: number;
|
|
6
6
|
opacity: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/Slider/Slider.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/range-inputs/Slider/Slider.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;;;;;oBAcR,GAAG;;;;;;oBAMH,GAAG;;;;;;;;;;;;;;oBAcH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BnE"}
|