@idealyst/theme 1.0.83 → 1.0.85

package/src/components/slider.ts

@@ -0,0 +1,62 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type SliderSize = Size;
+type SliderIntent = Intent;
+
+type SliderTrackVariants = {
+    size: SliderSize;
+    disabled: boolean;
+}
+
+type SliderFilledTrackVariants = {
+    intent: SliderIntent;
+}
+
+type SliderThumbVariants = {
+    size: SliderSize;
+    intent: SliderIntent;
+    disabled: boolean;
+}
+
+type SliderThumbIconVariants = {
+    size: SliderSize;
+    intent: SliderIntent;
+}
+
+type SliderMarkVariants = {
+    size: SliderSize;
+}
+
+export type ExpandedSliderTrackStyles = StylesheetStyles<keyof SliderTrackVariants>;
+export type ExpandedSliderFilledTrackStyles = StylesheetStyles<keyof SliderFilledTrackVariants>;
+export type ExpandedSliderThumbStyles = StylesheetStyles<keyof SliderThumbVariants>;
+export type ExpandedSliderThumbIconStyles = StylesheetStyles<keyof SliderThumbIconVariants>;
+export type ExpandedSliderMarkStyles = StylesheetStyles<keyof SliderMarkVariants>;
+export type ExpandedSliderStyles = StylesheetStyles<never>;
+
+export type SliderStylesheet = {
+    container: ExpandedSliderStyles;
+    sliderWrapper: ExpandedSliderStyles;
+    track: ExpandedSliderTrackStyles;
+    filledTrack: ExpandedSliderFilledTrackStyles;
+    thumb: ExpandedSliderThumbStyles;
+    thumbActive: ExpandedSliderStyles;
+    thumbIcon: ExpandedSliderThumbIconStyles;
+    valueLabel: ExpandedSliderStyles;
+    minMaxLabels: ExpandedSliderStyles;
+    minMaxLabel: ExpandedSliderStyles;
+    marks: ExpandedSliderStyles;
+    mark: ExpandedSliderMarkStyles;
+    markLabel: ExpandedSliderStyles;
+}
+
+/**
+ * NOTE: The slider stylesheet implementation has been moved to
+ * @idealyst/components/src/Slider/Slider.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/svg-image.ts

@@ -0,0 +1,24 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+
+type SVGImageIntent = Intent;
+
+type SVGImageVariants = {
+    intent: SVGImageIntent;
+}
+
+export type ExpandedSVGImageStyles = StylesheetStyles<keyof SVGImageVariants>;
+
+export type SVGImageStylesheet = {
+    container: ExpandedSVGImageStyles;
+    image: ExpandedSVGImageStyles;
+}
+
+/**
+ * NOTE: The svg-image stylesheet implementation has been moved to
+ * @idealyst/components/src/SVGImage/SVGImage.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/switch.ts

@@ -0,0 +1,54 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type SwitchSize = Size;
+type SwitchIntent = Intent;
+type LabelPosition = 'left' | 'right';
+
+type SwitchTrackVariants = {
+    size: SwitchSize;
+    checked: boolean;
+    intent: SwitchIntent;
+    disabled: boolean;
+}
+
+type SwitchThumbVariants = {
+    size: SwitchSize;
+    checked: boolean;
+}
+
+type ThumbIconVariants = {
+    size: SwitchSize;
+    checked: boolean;
+    intent: SwitchIntent;
+}
+
+type LabelVariants = {
+    disabled: boolean;
+    position: LabelPosition;
+}
+
+export type ExpandedSwitchTrackStyles = StylesheetStyles<keyof SwitchTrackVariants>;
+export type ExpandedSwitchThumbStyles = StylesheetStyles<keyof SwitchThumbVariants>;
+export type ExpandedThumbIconStyles = StylesheetStyles<keyof ThumbIconVariants>;
+export type ExpandedLabelStyles = StylesheetStyles<keyof LabelVariants>;
+export type ExpandedSwitchStyles = StylesheetStyles<never>;
+
+export type SwitchStylesheet = {
+    container: ExpandedSwitchStyles;
+    switchContainer: ExpandedSwitchStyles;
+    switchTrack: ExpandedSwitchTrackStyles;
+    switchThumb: ExpandedSwitchThumbStyles;
+    thumbIcon: ExpandedThumbIconStyles;
+    label: ExpandedLabelStyles;
+}
+
+/**
+ * NOTE: The switch stylesheet implementation has been moved to
+ * @idealyst/components/src/Switch/Switch.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/tab-bar.ts

@@ -0,0 +1,54 @@
+import { StylesheetStyles } from "../styles";
+import { Size } from "../theme/size";
+
+type TabBarSize = Size;
+type TabBarType = 'default' | 'pills' | 'underline';
+type PillMode = 'light' | 'dark';
+
+type TabBarContainerVariants = {
+    type: TabBarType;
+    size: TabBarSize;
+    pillMode: PillMode;
+}
+
+type TabBarTabVariants = {
+    size: TabBarSize;
+    type: TabBarType;
+    active: boolean;
+    disabled: boolean;
+    pillMode: PillMode;
+}
+
+type TabBarLabelVariants = {
+    size: TabBarSize;
+    type: TabBarType;
+    active: boolean;
+    disabled: boolean;
+    pillMode: PillMode;
+}
+
+type TabBarIndicatorVariants = {
+    type: TabBarType;
+    pillMode: PillMode;
+}
+
+export type ExpandedTabBarContainerStyles = StylesheetStyles<keyof TabBarContainerVariants>;
+export type ExpandedTabBarTabStyles = StylesheetStyles<keyof TabBarTabVariants>;
+export type ExpandedTabBarLabelStyles = StylesheetStyles<keyof TabBarLabelVariants>;
+export type ExpandedTabBarIndicatorStyles = StylesheetStyles<keyof TabBarIndicatorVariants>;
+
+export type TabBarStylesheet = {
+    container: ExpandedTabBarContainerStyles;
+    tab: ExpandedTabBarTabStyles;
+    tabLabel: ExpandedTabBarLabelStyles;
+    indicator: ExpandedTabBarIndicatorStyles;
+}
+
+/**
+ * NOTE: The tab-bar stylesheet implementation has been moved to
+ * @idealyst/components/src/TabBar/TabBar.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/table.ts

@@ -0,0 +1,57 @@
+import { StylesheetStyles } from "../styles";
+import { Size } from "../theme/size";
+
+type TableType = 'default' | 'bordered' | 'striped';
+type TableSize = Size;
+type TableAlign = 'left' | 'center' | 'right';
+
+type TableContainerVariants = {
+    type: TableType;
+}
+
+type TableHeadVariants = {
+    sticky: boolean;
+}
+
+type TableRowVariants = {
+    type: TableType;
+    clickable: boolean;
+}
+
+type TableHeaderCellVariants = {
+    size: TableSize;
+    align: TableAlign;
+    type: TableType;
+}
+
+type TableCellVariants = {
+    size: TableSize;
+    align: TableAlign;
+    type: TableType;
+}
+
+export type ExpandedTableContainerStyles = StylesheetStyles<keyof TableContainerVariants>;
+export type ExpandedTableHeadStyles = StylesheetStyles<keyof TableHeadVariants>;
+export type ExpandedTableRowStyles = StylesheetStyles<keyof TableRowVariants>;
+export type ExpandedTableHeaderCellStyles = StylesheetStyles<keyof TableHeaderCellVariants>;
+export type ExpandedTableCellStyles = StylesheetStyles<keyof TableCellVariants>;
+export type ExpandedTableStyles = StylesheetStyles<never>;
+
+export type TableStylesheet = {
+    container: ExpandedTableContainerStyles;
+    table: ExpandedTableStyles;
+    thead: ExpandedTableHeadStyles;
+    tbody: ExpandedTableStyles;
+    row: ExpandedTableRowStyles;
+    headerCell: ExpandedTableHeaderCellStyles;
+    cell: ExpandedTableCellStyles;
+}
+
+/**
+ * NOTE: The table stylesheet implementation has been moved to
+ * @idealyst/components/src/Table/Table.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/text.ts

@@ -0,0 +1,29 @@
+import { StylesheetStyles } from "../styles";
+import { Color } from "../theme/color";
+import { Size } from "../theme/size";
+
+type TextSize = Size;
+type TextWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+type TextAlign = 'left' | 'center' | 'right';
+
+type TextVariants = {
+    size: TextSize;
+    weight: TextWeight;
+    align: TextAlign;
+    color: Color;
+}
+
+export type ExpandedTextStyles = StylesheetStyles<keyof TextVariants>;
+
+export type TextStylesheet = {
+    text: ExpandedTextStyles;
+}
+
+/**
+ * NOTE: The text stylesheet implementation has been moved to
+ * @idealyst/components/src/Text/Text.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/textarea.ts

@@ -0,0 +1,53 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type TextAreaSize = Size;
+type TextAreaIntent = Intent;
+type TextAreaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+
+type TextAreaLabelVariants = {
+    disabled: boolean;
+}
+
+type TextAreaTextareaVariants = {
+    size: TextAreaSize;
+    intent: TextAreaIntent;
+    disabled: boolean;
+    hasError: boolean;
+    resize: TextAreaResize;
+}
+
+type TextAreaHelperTextVariants = {
+    hasError: boolean;
+}
+
+type TextAreaCharacterCountVariants = {
+    isNearLimit: boolean;
+    isAtLimit: boolean;
+}
+
+export type ExpandedTextAreaLabelStyles = StylesheetStyles<keyof TextAreaLabelVariants>;
+export type ExpandedTextAreaTextareaStyles = StylesheetStyles<keyof TextAreaTextareaVariants>;
+export type ExpandedTextAreaHelperTextStyles = StylesheetStyles<keyof TextAreaHelperTextVariants>;
+export type ExpandedTextAreaCharacterCountStyles = StylesheetStyles<keyof TextAreaCharacterCountVariants>;
+export type ExpandedTextAreaStyles = StylesheetStyles<never>;
+
+export type TextAreaStylesheet = {
+    container: ExpandedTextAreaStyles;
+    label: ExpandedTextAreaLabelStyles;
+    textareaContainer: ExpandedTextAreaStyles;
+    textarea: ExpandedTextAreaTextareaStyles;
+    helperText: ExpandedTextAreaHelperTextStyles;
+    footer: ExpandedTextAreaStyles;
+    characterCount: ExpandedTextAreaCharacterCountStyles;
+}
+
+/**
+ * NOTE: The textarea stylesheet implementation has been moved to
+ * @idealyst/components/src/TextArea/TextArea.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/tooltip.ts

@@ -0,0 +1,29 @@
+import { StylesheetStyles } from "../styles";
+import { Size } from "../theme/size";
+import { Intent } from "../theme/intent";
+
+type TooltipSize = Size;
+type TooltipIntent = Intent;
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+type TooltipTooltipVariants = {
+    size: TooltipSize;
+    intent: TooltipIntent;
+}
+
+export type ExpandedTooltipTooltipStyles = StylesheetStyles<keyof TooltipTooltipVariants>;
+export type ExpandedTooltipStyles = StylesheetStyles<never>;
+
+export type TooltipStylesheet = {
+    container: ExpandedTooltipStyles;
+    tooltip: ExpandedTooltipTooltipStyles;
+}
+
+/**
+ * NOTE: The tooltip stylesheet implementation has been moved to
+ * @idealyst/components/src/Tooltip/Tooltip.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/video.ts

@@ -0,0 +1,18 @@
+import { StylesheetStyles } from "../styles";
+
+export type ExpandedVideoStyles = StylesheetStyles<never>;
+
+export type VideoStylesheet = {
+    container: ExpandedVideoStyles;
+    video: ExpandedVideoStyles;
+    fallback: ExpandedVideoStyles;
+}
+
+/**
+ * NOTE: The video stylesheet implementation has been moved to
+ * @idealyst/components/src/Video/Video.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/view.ts

@@ -0,0 +1,31 @@
+import { StylesheetStyles } from "../styles";
+import { Surface } from "../theme/surface";
+
+type ViewSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ViewMargin = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ViewBackground = Surface | 'transparent';
+type ViewRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ViewBorder = 'none' | 'thin' | 'thick';
+
+type ViewVariants = {
+    spacing: ViewSpacing;
+    margin: ViewMargin;
+    background: ViewBackground;
+    radius: ViewRadius;
+    border: ViewBorder;
+}
+
+export type ExpandedViewStyles = StylesheetStyles<keyof ViewVariants>;
+
+export type ViewStylesheet = {
+    view: ExpandedViewStyles;
+}
+
+/**
+ * NOTE: The view stylesheet implementation has been moved to
+ * @idealyst/components/src/View/View.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */