@utilitywarehouse/hearth-react-native 0.34.5 → 0.35.0

package/src/tokens/components/light/accordion.ts

@@ -1,27 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gap: 12,
-  heading: {
-    gap: 2,
-  },
-  item: {
-    content: {
-      gap: 16,
-      paddingBottom: 16,
-      paddingHorizontal: 4,
-      paddingTop: 4,
-    },
-    gap: 0,
-    heading: {
-      gap: 16,
-      paddingHorizontal: 4,
-      paddingVertical: 16,
-    },
-  },
-  maxWidth: 680,
-  minWidth: 288,
-  padding: 0,
-} as const;

package/src/tokens/components/light/alert.ts

@@ -1,23 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 8,
-  borderWidth: 2,
-  contentGap: 4,
-  gap: 8,
-  iconButton: {
-    unstyled: {
-      foregroundColor: '#101010',
-      foregroundColorActive: '#3f3f3f',
-      foregroundColorHover: '#3a3837',
-    },
-  },
-  link: {
-    color: '#101010',
-    colorActive: '#3f3f3f',
-    colorHover: '#3a3837',
-  },
-  padding: 14,
-} as const;

package/src/tokens/components/light/avatar.ts

@@ -1,19 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  image: {
-    borderWidth: 1,
-  },
-  md: {
-    borderRadius: 8,
-    height: 48,
-    width: 48,
-  },
-  sm: {
-    borderRadius: 6,
-    height: 32,
-    width: 32,
-  },
-} as const;

package/src/tokens/components/light/badge.ts

@@ -1,24 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 4,
-  flatBase: {
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-  },
-  gap: 4,
-  md: {
-    height: 32,
-    paddingVertical: 4,
-  },
-  outline: {
-    borderWidth: 1,
-  },
-  paddingHorizontal: 6,
-  sm: {
-    height: 24,
-    paddingVertical: 2,
-  },
-} as const;

package/src/tokens/components/light/banner.ts

@@ -1,53 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  default: {
-    content: {
-      gap: 12,
-      textGap: 8,
-    },
-    gap: 16,
-    horizontal: {
-      illustrationWidth: 100,
-      imageMaxWidth: 240,
-      imageMinWidth: 160,
-      maxWidth: 680,
-      minWidth: 240,
-    },
-    imageHeight: 160,
-    padding: 16,
-    vertical: {
-      maxWidth: 504,
-      minWidth: 240,
-    },
-  },
-  highlight: {
-    content: {
-      gap: 12,
-    },
-    gap: 0,
-    padding: 16,
-  },
-  imageContainerBorderColor: '#101010',
-  banner: {
-    illustration: {
-      lg: {
-        width: 100,
-      },
-      md: {
-        width: 80,
-      },
-      sm: {
-        width: 60,
-      },
-      xl: {
-        width: 120,
-      },
-      xs: {
-        width: 40,
-      },
-    },
-  },
-} as const;

package/src/tokens/components/light/bottom-navigation.ts

@@ -1,30 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderTop: 2,
-  gap: 0,
-  indicator: {
-    borderRadius: 4,
-    height: 2,
-  },
-  item: {
-    gap: 2,
-    icon: {
-      colorActive: '#7a42c8',
-    },
-    label: {
-      colorActive: '#7a42c8',
-    },
-    paddingBottom: 2,
-    paddingHorizontal: 0,
-    paddingTop: 0,
-  },
-  items: {
-    paddingHorizontal: 16,
-    paddingVertical: 0,
-  },
-  paddingHorizontal: 0,
-  paddingVertical: 0,
-} as const;

package/src/tokens/components/light/bottom-sheet.ts

@@ -1,16 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderTopLeftRadius: 16,
-  borderTopRightRadius: 16,
-  gap: 6,
-  handle: {
-    backgroundColor: '#d3d3d3',
-    borderRadius: 6,
-    height: 5,
-    width: 36,
-  },
-  padding: 16,
-} as const;

package/src/tokens/components/light/breadcrumb.ts

@@ -1,7 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gap: 8,
-} as const;

package/src/tokens/components/light/button.ts

@@ -1,19 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 8,
-  borderWidth: 2,
-  gap: 6,
-  md: {
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-  },
-  minWidth: 30,
-  shadowColor: '#101010',
-  sm: {
-    paddingHorizontal: 16,
-    paddingVertical: 4,
-  },
-} as const;

package/src/tokens/components/light/card-accordion.ts

@@ -1,13 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  buttonGroup: {
-    gap: 12,
-  },
-  gap: 24,
-  item: {
-    gap: 20,
-  },
-} as const;

package/src/tokens/components/light/card-action.ts

@@ -1,11 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  content: {
-    gap: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-  },
-} as const;

package/src/tokens/components/light/card-content.ts

@@ -1,25 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  banner: {
-    illustration: {
-      lg: {
-        width: 100,
-      },
-      md: {
-        width: 80,
-      },
-      sm: {
-        width: 60,
-      },
-      xl: {
-        width: 120,
-      },
-      xs: {
-        width: 40,
-      },
-    },
-  },
-} as const;

package/src/tokens/components/light/card.ts

@@ -1,38 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 16,
-  brand: {
-    borderWidth: 2,
-  },
-  neutral: {
-    emphasis: {
-      borderWidth: 2,
-    },
-    subtle: {
-      borderWidth: 1,
-    },
-  },
-  selectable: {
-    borderWidth: 1,
-    borderWidthSelected: 2,
-    gap: 16,
-    label: {
-      gap: 12,
-    },
-  },
-  mobile: {
-    padding: 16,
-    paddingNone: 0,
-  },
-  tablet: {
-    padding: 24,
-    paddingNone: 0,
-  },
-  desktop: {
-    padding: 24,
-    paddingNone: 0,
-  },
-} as const;

package/src/tokens/components/light/carousel-control.ts

@@ -1,11 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gap: 8,
-  item: {
-    borderWidth: 2,
-  },
-  size: 12,
-} as const;

package/src/tokens/components/light/checkbox.ts

@@ -1,42 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 4,
-  borderWidth: 2,
-  checked: {
-    backgroundColor: '#101010',
-    icon: {
-      color: '#fcfbf2',
-    },
-  },
-  gap: 8,
-  group: {
-    gap: 12,
-    stack: {
-      gap: 20,
-    },
-  },
-  outlineColorActive: '#d4d2c0',
-  outlineColorHover: '#f1efe4',
-  outlineWidth: 3,
-  tile: {
-    borderRadius: 8,
-    borderWidth: 1,
-    borderWidthSelected: 2,
-    gap: 8,
-    group: {
-      gap: 6,
-      heading: {
-        gap: 2,
-      },
-      stack: {
-        gap: 12,
-      },
-    },
-    maxWidth: 680,
-    minWidth: 80,
-    padding: 12,
-  },
-} as const;

package/src/tokens/components/light/date-picker.ts

@@ -1,44 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  borderRadius: 8,
-  borderWidth: 1,
-  borderWidthFocused: 2,
-  calendar: {
-    borderRadius: 8,
-    borderWidth: 1,
-    columnGap: 4,
-    footer: {
-      gap: 8,
-    },
-    gap: 16,
-    header: {
-      controlGap: 28,
-      dateGap: 8,
-    },
-    item: {
-      borderRadius: 8,
-      minWidth: 32,
-      rangeBackground: '#f7f7f7',
-      roundelBackgroundColorInverted: '#fcfbf2',
-      roundelHeight: 6,
-      roundelWidth: 6,
-    },
-    maxWidth: 420,
-    minWidth: 320,
-    padding: 16,
-    rowGap: 2,
-  },
-  gap: 6,
-  gapContainer: 4,
-  header: {
-    controlGap: 28,
-  },
-  height: 48,
-  maxWidth: 504,
-  minWidth: 288,
-  paddingHorizontal: 16,
-  paddingVertical: 12,
-} as const;

package/src/tokens/components/light/description-list.ts

@@ -1,20 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gap: 12,
-  item: {
-    column: {
-      gap: 2,
-    },
-    gap: 16,
-    row: {
-      gap: 8,
-      headingWidth: 180,
-    },
-  },
-  stack: {
-    gap: 16,
-  },
-} as const;

package/src/tokens/components/light/divider.ts

@@ -1,11 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  color: '#d4d2c0',
-  size: 1,
-  divider: {
-    borderWidth: 2,
-  },
-} as const;

package/src/tokens/components/light/drawer.ts

@@ -1,29 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  footer: {
-    horizontal: {
-      gap: 16,
-    },
-    padding: 24,
-    vertical: {
-      gap: 8,
-    },
-  },
-  gap: 20,
-  heading: {
-    gap: 8,
-  },
-  width: 360,
-  mobile: {
-    padding: 16,
-  },
-  tablet: {
-    padding: 24,
-  },
-  desktop: {
-    padding: 24,
-  },
-} as const;

package/src/tokens/components/light/expandable-card.ts

@@ -1,11 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gapHorizontal: 12,
-  gapVertical: 2,
-  group: {
-    gap: 12,
-  },
-} as const;

package/src/tokens/components/light/form-field.ts

@@ -1,10 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  gap: 6,
-  helper: {
-    gap: 2,
-  },
-} as const;

package/src/tokens/components/light/icon-button.ts

@@ -1,46 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  iconButton: {
-    unstyled: {
-      foregroundColor: '#101010',
-      foregroundColorActive: '#3f3f3f',
-      foregroundColorHover: '#3a3837',
-    },
-  },
-  borderRadius: 8,
-  md: {
-    height: 48,
-    paddingHorizontal: 12,
-    paddingVertical: 12,
-    width: 48,
-  },
-  sm: {
-    height: 32,
-    paddingHorizontal: 6,
-    paddingVertical: 6,
-    width: 32,
-  },
-  unstyled: {
-    foregroundColor: '#101010',
-    foregroundColorActive: '#3f3f3f',
-    foregroundColorHover: '#3a3837',
-    inverted: {
-      foregroundColor: '#f7f7f7',
-      foregroundColorActive: '#b2afae',
-      foregroundColorHover: '#d3d3d3',
-    },
-    md: {
-      height: 24,
-      width: 24,
-    },
-    paddingHorizontal: 0,
-    paddingVertical: 0,
-    sm: {
-      height: 20,
-      width: 20,
-    },
-  },
-} as const;

package/src/tokens/components/light/icon-container.ts

@@ -1,25 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  lg: {
-    borderRadiusNone: 0,
-    borderRadiusRounded: 8,
-    height: 64,
-    padding: 20,
-    width: 64,
-  },
-  md: {
-    borderRadiusRounded: 8,
-    height: 48,
-    padding: 12,
-    width: 48,
-  },
-  sm: {
-    borderRadiusRounded: 6,
-    height: 32,
-    padding: 6,
-    width: 32,
-  },
-} as const;

package/src/tokens/components/light/illustrations.ts

@@ -1,7 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  colorMode: 'light',
-} as const;

package/src/tokens/components/light/index.ts

@@ -1,58 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export { default as accordion } from './accordion';
-export { default as alert } from './alert';
-export { default as avatar } from './avatar';
-export { default as badge } from './badge';
-export { default as banner } from './banner';
-export { default as bottomNavigation } from './bottom-navigation';
-export { default as bottomSheet } from './bottom-sheet';
-export { default as breadcrumb } from './breadcrumb';
-export { default as button } from './button';
-export { default as card } from './card';
-export { default as cardAccordion } from './card-accordion';
-export { default as cardAction } from './card-action';
-export { default as cardContent } from './card-content';
-export { default as carouselControl } from './carousel-control';
-export { default as checkbox } from './checkbox';
-export { default as datePicker } from './date-picker';
-export { default as descriptionList } from './description-list';
-export { default as divider } from './divider';
-export { default as drawer } from './drawer';
-export { default as expandableCard } from './expandable-card';
-export { default as formField } from './form-field';
-export { default as iconButton } from './icon-button';
-export { default as iconContainer } from './icon-container';
-export { default as illustrations } from './illustrations';
-export { default as indicatorIconButton } from './indicator-icon-button';
-export { default as inlineLink } from './inline-link';
-export { default as input } from './input';
-export { default as link } from './link';
-export { default as list } from './list';
-export { default as menu } from './menu';
-export { default as modal } from './modal';
-export { default as navigation } from './navigation';
-export { default as overlay } from './overlay';
-export { default as pagination } from './pagination';
-export { default as parts } from './parts';
-export { default as pill } from './pill';
-export { default as progressBar } from './progress-bar';
-export { default as progressStepper } from './progress-stepper';
-export { default as radio } from './radio';
-export { default as rating } from './rating';
-export { default as sectionHeader } from './section-header';
-export { default as segmentedControl } from './segmented-control';
-export { default as select } from './select';
-export { default as skeleton } from './skeleton';
-export { default as spinner } from './spinner';
-export { default as switch } from './switch';
-export { default as table } from './table';
-export { default as tabs } from './tabs';
-export { default as timePicker } from './time-picker';
-export { default as timeline } from './timeline';
-export { default as toast } from './toast';
-export { default as toggleButton } from './toggle-button';
-export { default as tooltip } from './tooltip';
-export { default as topNavigation } from './top-navigation';

package/src/tokens/components/light/indicator-icon-button.ts

@@ -1,11 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  indicator: {
-    height: 8,
-    radius: 9999,
-    width: 8,
-  },
-} as const;

package/src/tokens/components/light/inline-link.ts

@@ -1,14 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  color: '#1c6cd4',
-  colorVisited: '#7a42c8',
-  inverted: {
-    color: '#fcfbf2',
-    colorActive: '#f1efe4',
-    colorHover: '#f7f6eb',
-    colorVisited: '#f1efe4',
-  },
-} as const;