tide-design-system 2.0.23 → 2.0.24

package/dist/types/Alert.ts

@@ -1,8 +0,0 @@
-export const ALERT = {
-  ERROR: 'error',
-  INFO: 'info',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-} as const;
-
-export type Alert = (typeof ALERT)[keyof typeof ALERT];

package/dist/types/Badge.ts

@@ -1,21 +0,0 @@
-export const BADGE = {
-  JUST_LISTED: 'Just listed',
-  NATIONWIDE: 'Nationwide',
-  REDUCED: 'Reduced',
-  UPDATED: 'Updated',
-} as const;
-
-export const BADGE_PREMIUM = {
-  PREMIUM: 'Premium',
-  PREMIUM_SELECT: 'Premium SELECT',
-} as const;
-
-export const BADGE_TRUSTED = {
-  YEARS_10: '10',
-  YEARS_15: '15',
-  YEARS_5: '5',
-} as const;
-
-export type Badge = (typeof BADGE)[keyof typeof BADGE];
-export type BadgePremium = (typeof BADGE_PREMIUM)[keyof typeof BADGE_PREMIUM];
-export type BadgeTrustedYears = (typeof BADGE_TRUSTED)[keyof typeof BADGE_TRUSTED];

package/dist/types/BreadCrumb.ts

@@ -1,5 +0,0 @@
-export type BreadCrumb = {
-  dataTrack?: string;
-  label: string;
-  url?: string;
-};

package/dist/types/Detail.ts

@@ -1,4 +0,0 @@
-export type Detail = {
-  label: string;
-  value: string;
-};

package/dist/types/Element.ts

@@ -1,13 +0,0 @@
-export const ELEMENT = {
-  BUTTON: 'button',
-  LINK: 'a',
-} as const;
-
-export const ELEMENT_TEXT_AS_ICON = {
-  BUTTON: 'button',
-  DIV: 'div',
-  LINK: 'a',
-} as const;
-
-export type Element = (typeof ELEMENT)[keyof typeof ELEMENT];
-export type ElementTextAsIcon = (typeof ELEMENT_TEXT_AS_ICON)[keyof typeof ELEMENT_TEXT_AS_ICON];

package/dist/types/FacetRange.ts

@@ -1,84 +0,0 @@
-import type { SelectOption } from '@/types/Select';
-
-export const FACET_COMPONENT_ID_RANGE = {
-  GROSS_WEIGHT: 'grossWeight',
-  LENGTH: 'vehicleLength',
-  MILEAGE: 'mileage',
-  PRICE: 'price',
-  SLEEPING_CAPACITY: 'sleepingCapacity',
-  SLIDEOUTS: 'slideouts',
-  YEAR: 'vehicleYear',
-} as const;
-
-export type FacetComponentIdRange = (typeof FACET_COMPONENT_ID_RANGE)[keyof typeof FACET_COMPONENT_ID_RANGE];
-
-export type RangeData = {
-  min: number | null;
-  max: number | null;
-};
-
-const GROSS_WEIGHT_MIN = 1000;
-const GROSS_WEIGHT_MAX = 12000;
-export const GROSS_WEIGHT_OPTIONS: SelectOption[] = [
-  {
-    label: 'Any',
-    value: null,
-  },
-  ...Array.from({ length: Math.floor((GROSS_WEIGHT_MAX - GROSS_WEIGHT_MIN) / 1000) + 1 }, (_, index) => ({
-    label: (GROSS_WEIGHT_MAX - index * 1000).toString(),
-    value: (GROSS_WEIGHT_MAX - index * 1000).toString(),
-  })),
-];
-
-const SLEEP_CAP_MIN = 1;
-const SLEEP_CAP_MAX = 10;
-export const SLEEPING_CAPACITY_OPTIONS: SelectOption[] = [
-  {
-    label: 'Any',
-    value: null,
-  },
-  ...Array.from({ length: SLEEP_CAP_MAX - SLEEP_CAP_MIN + 1 }, (_, index) => ({
-    label: (SLEEP_CAP_MAX - index).toString(),
-    value: (SLEEP_CAP_MAX - index).toString(),
-  })),
-];
-
-const SLIDEOUT_MIN = 0;
-const SLIDEOUT_MAX = 5;
-export const SLIDEOUT_OPTIONS: SelectOption[] = [
-  {
-    label: 'Any',
-    value: null,
-  },
-  ...Array.from({ length: SLIDEOUT_MAX - SLIDEOUT_MIN + 1 }, (_, index) => ({
-    label: (SLIDEOUT_MAX - index).toString(),
-    value: (SLIDEOUT_MAX - index).toString(),
-  })),
-];
-
-const LENGTH_MIN = 10;
-const LENGTH_MAX = 50;
-export const LENGTH_OPTIONS: SelectOption[] = [
-  {
-    label: 'Any',
-    value: null,
-  },
-  ...Array.from({ length: LENGTH_MAX - LENGTH_MIN + 1 }, (_, index) => ({
-    label: (LENGTH_MAX - index).toString(),
-    value: (LENGTH_MAX - index).toString(),
-  })),
-];
-
-const YEAR_MIN = 1900;
-const today = new Date();
-const YEAR_MAX = today.getFullYear() + 2;
-export const YEAR_OPTIONS: SelectOption[] = [
-  {
-    label: 'Any',
-    value: null,
-  },
-  ...Array.from({ length: YEAR_MAX - YEAR_MIN + 1 }, (_, index) => ({
-    label: (YEAR_MAX - index).toString(),
-    value: (YEAR_MAX - index).toString(),
-  })),
-];

package/dist/types/Field.ts

@@ -1,54 +0,0 @@
-import type { FormValueTransformer } from '@/types/Form';
-import type { SelectOption } from '@/types/Select';
-import type { TextInputType } from '@/types/TextInput';
-import type { ValidationError, Validator } from '@/types/Validation';
-
-interface BooleanValue {
-  value?: boolean;
-}
-
-interface CheckboxField extends GenericInput, BooleanValue {
-  indeterminate?: boolean;
-}
-
-interface GenericField extends GenericInput {
-  transformValue?: FormValueTransformer;
-  validators?: Validator[];
-}
-
-interface GenericInput {
-  disabled?: boolean;
-  error: ValidationError;
-  label?: string;
-  name: string;
-  required?: boolean;
-}
-
-interface SelectField extends GenericInput, StringValue {
-  options: SelectOption[];
-}
-
-interface StringValue {
-  value?: string;
-}
-
-interface TextareaField extends GenericField, StringValue {
-  maxlength?: number;
-  minlength?: number;
-  placeholder?: string;
-  value?: string;
-}
-
-interface TextField extends GenericField, StringValue {
-  maxlength?: number;
-  minlength?: number;
-  placeholder?: string;
-  type?: TextInputType;
-  value?: string;
-}
-
-export type BooleanField = CheckboxField;
-export type Field = SelectField | TextField | TextareaField | CheckboxField;
-export type StringField = SelectField | TextField | TextareaField;
-export type { BooleanValue, StringValue };
-export type { CheckboxField, GenericField, GenericInput, SelectField, TextareaField, TextField };

package/dist/types/Form.ts

@@ -1,58 +0,0 @@
-import type { SelectOptGroup, SelectOption } from '@/types/Select';
-import type { TextInputType } from '@/types/TextInput';
-import type { ValidationError, Validator } from '@/types/Validation';
-
-interface GenericInput {
-  error?: ValidationError;
-  transformValue?: FormValueTransformer;
-  name: string;
-  validators?: Validator[];
-  required?: boolean;
-  label?: string;
-  disabled?: boolean;
-}
-
-interface StringValue {
-  value?: string;
-}
-
-interface BooleanValue {
-  value?: boolean;
-}
-
-export type SelectInput = GenericInput &
-  StringValue & {
-    options?: SelectOption[] | readonly SelectOption[];
-    placeholder?: string;
-    optgroups?: SelectOptGroup[];
-  };
-
-export type TextInput = GenericInput &
-  StringValue & {
-    autocomplete?: boolean;
-    maxlength?: number;
-    minlength?: number;
-    type?: TextInputType;
-    placeholder?: string;
-    value?: string;
-  };
-
-export type TextareaInput = GenericInput &
-  StringValue & {
-    maxlength?: number;
-    minlength?: number;
-    placeholder?: string;
-    value?: string;
-  };
-
-export type CheckboxInput = GenericInput &
-  BooleanValue & {
-    checked?: boolean;
-    indeterminate?: boolean;
-  };
-
-export type StringInput = SelectInput | TextInput | TextareaInput;
-export type BooleanInput = CheckboxInput;
-export type Input = SelectInput | TextInput | TextareaInput | CheckboxInput;
-
-export type FormValueTransformer = (value: string) => string;

package/dist/types/Formatted.ts

@@ -1,22 +0,0 @@
-import { formatNumber, formatPhone, formatPrice } from '@/utilities/format';
-
-export type Formatted = {
-  [key: string]: string | string[] | number;
-};
-
-export const FORMAT = {
-  NUMBER: formatNumber,
-  PHONE: formatPhone,
-  PRICE: formatPrice,
-} as const;
-
-export const FORMAT_REGEX = {
-  alpha: /^[a-zA-Z]+$/g,
-  alphaNumberOrEmpty: /^$|^[a-z0-9]+$/i,
-  alphaSpace: /^[a-zA-Z ]+$/g,
-  email:
-    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-  numberFormatted: /^$|(?=.)^\$?(([1-9][0-9]{0,2}(,[0-9]{3})*)|0)?(\.[0-9]{1,2})?$/,
-  phone: /^(?:\d{3}-\d{3}-\d{4}|\d{1}-\d{3}-\d{3}-\d{4})?$/,
-  price: /(?=.)^\$?(([1-9][0-9]{0,2}(,[0-9]{3})*)|0)?(\.[0-9]{1,2})?$/,
-};

package/dist/types/Icon.ts

@@ -1,87 +0,0 @@
-export const ICON = {
-  ACCOUNT_BALANCE: 'account-balance',
-  ADD: 'add',
-  AI_DESCRIPTION: 'ai-description',
-  ALIGN_SPACE: 'align-space',
-  APPLE_PAY: 'apple-pay',
-  ARROW_BACK: 'arrow-back',
-  ARROW_FORWARD: 'arrow-forward',
-  ARROW_RIGHT: 'arrow-right',
-  ASSIGNMENT: 'assignment',
-  AWARD_STAR: 'award-star',
-  BOOKMARK: 'bookmark',
-  CALENDAR_MONTH: 'calendar-month',
-  CALL: 'call',
-  CHECK: 'check',
-  CHEVRON_LEFT: 'chevron-left',
-  CHEVRON_RIGHT: 'chevron-right',
-  CLEAR: 'clear',
-  CLOSE: 'close',
-  CYCLE: 'cycle',
-  DELETE: 'delete',
-  DIAMOND: 'diamond',
-  DRAFT: 'draft',
-  EDIT: 'edit',
-  ERROR: 'error',
-  EXPAND_CONTENT: 'expand-content',
-  EXPAND_LESS: 'expand-less',
-  EXPAND_MORE: 'expand-more',
-  FACEBOOK: 'facebook',
-  FAVORITE: 'favorite',
-  FAVORITE_FILLED: 'favorite-filled',
-  FORMAT_BOLD: 'format-bold',
-  FORMAT_ITALIC: 'format-italic',
-  FORMAT_LIST_BULLETED: 'format-list-bulleted',
-  FORUM: 'forum',
-  GAVEL: 'gavel',
-  GOOGLE: 'google',
-  GOOGLE_PAY: 'google-pay',
-  GRID: 'grid',
-  HEIGHT: 'height',
-  HELP: 'help',
-  INFO: 'info',
-  INSERT_TEXT: 'insert-text',
-  INSTAGRAM: 'instagram',
-  IOS_SHARE: 'ios-share',
-  LAYOUT: 'layout',
-  LINKED_IN: 'linked in',
-  LOCAL_SHIPPING: 'local-shipping',
-  LOCK: 'lock',
-  MAIL: 'mail',
-  MENU: 'menu',
-  MORE_HORIZ: 'more-horiz',
-  NOTIFICATIONS: 'notifications',
-  OPEN_IN_NEW: 'open-in-new',
-  PALETTE: 'palette',
-  PAYPAL: 'paypal',
-  PERSON: 'person',
-  PHOTO_CAMERA: 'photo-camera',
-  PINTEREST: 'pinterest',
-  PLAY_ARROW: 'play-arrow',
-  REMOVE: 'remove',
-  ROUNDED_CORNERS: 'rounded-corners',
-  RULER: 'ruler',
-  SEARCH: 'search',
-  SEATING: 'seating',
-  SELL: 'sell',
-  SHARE: 'share',
-  SHOPPING_CART: 'shopping-cart',
-  SMS: 'sms',
-  STAR: 'star',
-  SWAP_VERT: 'swap-vert',
-  THREE_D_ROTATION: 'three-d-rotation',
-  TROPHY: 'trophy',
-  TUNE: 'tune',
-  TWITTER: 'twitter',
-  VIDEOCAM: 'videocam',
-  VIEW_IN_AR: 'view-in-ar',
-  VISIBILITY: 'visibility',
-  VOLUME_OFF: 'volume-off',
-  VOLUME_ON: 'volume-on',
-  WARNING: 'warning',
-  WEIGHT: 'weight',
-  WIDTH: 'width',
-  YOUTUBE: 'youtube',
-} as const;
-
-export type Icon = (typeof ICON)[keyof typeof ICON];

package/dist/types/Link.ts

@@ -1,5 +0,0 @@
-export type Link = {
-  label: string;
-  url: string;
-  isNewTab?: boolean;
-};

package/dist/types/ListingMedia.ts

@@ -1,43 +0,0 @@
-/**
- * These slides are used in both the inline detail page photo slider
- * and the fullscreen media gallery.
- */
-
-export const MEDIA_SLIDE_TYPES = {
-  IMAGE: {
-    FLOORPLAN: 'floorplan',
-    IMAGE: 'image',
-  },
-  VIDEO: 'video',
-  VR: 'vr',
-} as const;
-
-export type MediaSlideType =
-  | (typeof MEDIA_SLIDE_TYPES.IMAGE)[keyof typeof MEDIA_SLIDE_TYPES.IMAGE]
-  | typeof MEDIA_SLIDE_TYPES.VIDEO
-  | typeof MEDIA_SLIDE_TYPES.VR;
-
-export type ImageSlideType = (typeof MEDIA_SLIDE_TYPES.IMAGE)[keyof typeof MEDIA_SLIDE_TYPES.IMAGE];
-
-type ImageSlide = {
-  imageUrl: string;
-  type: ImageSlideType;
-};
-
-export type VideoSlideType = typeof MEDIA_SLIDE_TYPES.VIDEO;
-
-type VideoSlide = {
-  imageUrl: string;
-  type: VideoSlideType;
-  videoUrl: string;
-};
-
-export type VrSlideType = typeof MEDIA_SLIDE_TYPES.VR;
-
-type VrSlide = {
-  imageUrl: string;
-  type: VrSlideType;
-  vrUrl: string;
-};
-
-export type ListingMedia = ImageSlide | VideoSlide | VrSlide;

package/dist/types/Orientation.ts

@@ -1,6 +0,0 @@
-export const ORIENTATION = {
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical',
-} as const;
-
-export type Orientation = (typeof ORIENTATION)[keyof typeof ORIENTATION];

package/dist/types/Priority.ts

@@ -1,11 +0,0 @@
-/* eslint-disable vue/sort-keys */
-
-export const PRIORITY = {
-  PRIMARY: 'primary',
-  SECONDARY: 'secondary',
-  TERTIARY: 'tertiary',
-  QUATERNARY: 'quaternary',
-  FLOATING: 'floating',
-} as const;
-
-export type Priority = (typeof PRIORITY)[keyof typeof PRIORITY];

package/dist/types/Raw.ts

@@ -1,5 +0,0 @@
-export type Raw = {
-  [key: string]: {
-    raw: number | string | string[];
-  };
-};

package/dist/types/Realm.ts

@@ -1,13 +0,0 @@
-export const REALM = {
-  AERO: 'aero',
-  ATV: 'atv',
-  BOATMART: 'boatmart',
-  CYCLE: 'cycle',
-  EQUIP: 'equip',
-  PWC: 'pwc',
-  RV: 'rv',
-  SNOW: 'snow',
-  TRUCK: 'truck',
-} as const;
-
-export type Realm = (typeof REALM)[keyof typeof REALM];

package/dist/types/RealmConfig.ts

@@ -1,14 +0,0 @@
-import type { Realm } from '@/types/Realm';
-
-export type RealmConfig = {
-  cdn: {
-    domain: string;
-    version: string;
-  };
-  id: Realm;
-  label: {
-    plural: string;
-    singular: string;
-    singularWithArticle: string;
-  };
-};

package/dist/types/Select.ts

@@ -1,10 +0,0 @@
-export type SelectOption = {
-  label: string | number;
-  value: any;
-};
-
-export type SelectOptGroup = {
-  label: string;
-  options?: SelectOption[];
-  value?: any;
-};

package/dist/types/Size.ts

@@ -1,6 +0,0 @@
-export const SIZE = {
-  LARGE: 'large',
-  SMALL: 'small',
-} as const;
-
-export type Size = (typeof SIZE)[keyof typeof SIZE];