tide-design-system 2.0.0 → 2.0.1

package/dist/tide2-design-system.js

@@ -1,36 +0,0 @@
-import { T as d, a as s, b as T, c as t, d as n, e as o, f as r, g as u, h as g, i as p, j as I, k as c, l as B, m, n as C, o as l, p as h, q as x, r as A, s as P, t as b, u as k, v, w as S, x as f, y as D, z as L, A as M, B as j, C as q, D as w, E as y } from "./index-c5bc4216.js";
-import "vue";
-export {
-  d as TideAccordionItem,
-  s as TideAlert,
-  T as TideBadge,
-  t as TideBadgeCounter,
-  n as TideBadgeMisc,
-  o as TideBadgePremium,
-  r as TideBadgeTrustedPartner,
-  u as TideBreadCrumbs,
-  g as TideButton,
-  p as TideButtonIcon,
-  I as TideButtonPagination,
-  c as TideCard,
-  B as TideCarousel,
-  m as TideChipAction,
-  C as TideChipFilter,
-  l as TideChipInput,
-  h as TideColumns,
-  x as TideDivider,
-  A as TideIcon,
-  P as TideImage,
-  b as TideIndicator,
-  k as TideInputRadio,
-  v as TideInputSelect,
-  S as TideInputText,
-  f as TideInputTextarea,
-  D as TideLink,
-  L as TideModal,
-  M as TidePagination,
-  j as TideSeoLinks,
-  q as TideSvgIcon,
-  w as TideTabs,
-  y as TideToggle
-};

package/dist/types/StorybookStyles.ts

@@ -1,209 +0,0 @@
-/* eslint vue/sort-keys: 0 */
-// ^ Storybook controls are based on iterating over object properties instead of array slots (bad form), so these can't be ordered alphabetically.
-
-import { CSS } from '@/types/Styles';
-
-export const BADGE_TRUSTED = {
-  YEARS_5: '5',
-  YEARS_10: '10',
-  YEARS_15: '15',
-};
-
-export const BORDER_RADIUS = {
-  '0.25 REM': 'tide-radius-1/4',
-  '0.5 REM': 'tide-radius-1/2',
-  '1 REM': 'tide-radius-1',
-  'Full': 'tide-radius-full',
-};
-
-export const BORDER_SIDE = {
-  Full: 'tide-border',
-  Top: 'tide-border-top',
-  Right: 'tide-border-right',
-  Bottom: 'tide-border-bottom',
-  Left: 'tide-border-left',
-};
-
-export const BORDER_WIDTH = {
-  '1px': '1',
-  '2px': '2',
-};
-
-export const DISPLAY = {
-  'Block': 'tide-display-block',
-  'Contents': 'tide-contents',
-  'Flex': 'tide-display-flex',
-  'Grid': 'tide-display-grid',
-  'Inline Block': 'tide-display-inline-block',
-  'Inline Flex': 'tide-display-inline-flex',
-  'Inline': 'tide-display-inline',
-  'None (Hidden)': 'tide-display-none',
-};
-
-export const FLEX_AXIS1 = {
-  Around: 'tide-axis1-around',
-  Between: 'tide-axis1-between',
-  Center: 'tide-axis1-center',
-  End: 'tide-axis1-end',
-  Start: 'tide-axis1-start',
-};
-
-export const FLEX_AXIS2 = {
-  Center: 'tide-axis2-center',
-  End: 'tide-axis2-end',
-  Normal: 'tide-axis2-normal',
-  Start: 'tide-axis2-start',
-};
-
-export const FLEX_DIRECTION = {
-  Column: 'tide-flex-column',
-  Row: 'tide-flex-row',
-};
-
-export const FONT_SIZE = {
-  '12px': 'tide-font-12',
-  '14px': 'tide-font-14',
-  '16px': 'tide-font-16',
-  '20px': 'tide-font-20',
-  '24px': 'tide-font-24',
-  '32px': 'tide-font-32',
-};
-
-export const FONT_WEIGHT = {
-  '400 Regular': 'tide-font-400',
-  '500 Medium': 'tide-font-500',
-  '600 Semibold': 'tide-font-600',
-  '700 Bold': 'tide-font-700',
-};
-
-export const GAP = {
-  '4 REM': 'tide-gap-4',
-  '2 REM': 'tide-gap-2',
-  '1 REM': 'tide-gap-1',
-  '0.5 REM': 'tide-gap-1/2',
-  '0.25 REM': 'tide-gap-1/4',
-};
-
-export const LINK_SIZE = {
-  TWELVE: 'tide-font-12',
-  FOURTEEN: 'tide-font-14',
-  SIXTEEN: 'tide-font-16',
-};
-
-export const MARGIN = {
-  'Full 4 REM': 'tide-margin-4',
-  'Full 2 REM': 'tide-margin-2',
-  'Full 1 REM': 'tide-margin-1',
-  'Full 0.5 REM': 'tide-margin-1/2',
-  'Full 0.25 REM': 'tide-margin-1/4',
-
-  'X-axis Auto': 'tide-margin-x-auto',
-  'X-axis 4 REM': 'tide-margin-x-4',
-  'X-axis 2 REM': 'tide-margin-x-2',
-  'X-axis 1 REM': 'tide-margin-x-1',
-  'X-axis 0.5 REM': 'tide-margin-x-1/2',
-  'X-axis 0.25 REM': 'tide-margin-x-1/4',
-
-  'Y-axis 4 REM': 'tide-margin-y-4',
-  'Y-axis 2 REM': 'tide-margin-y-2',
-  'Y-axis 1 REM': 'tide-margin-y-1',
-  'Y-axis 0.5 REM': 'tide-margin-y-1/2',
-  'Y-axis 0.25 REM': 'tide-margin-y-1/4',
-
-  'Top 4 REM': 'tide-margin-top-4',
-  'Top 2 REM': 'tide-margin-top-2',
-  'Top 1 REM': 'tide-margin-top-1',
-  'Top 0.5 REM': 'tide-margin-top-1/2',
-  'Top 0.25 REM': 'tide-margin-top-1/4',
-
-  'Right Auto': 'tide-margin-right-auto',
-  'Right 4 REM': 'tide-margin-right-4',
-  'Right 2 REM': 'tide-margin-right-2',
-  'Right 1 REM': 'tide-margin-right-1',
-  'Right 0.5 REM': 'tide-margin-right-1/2',
-  'Right 0.25 REM': 'tide-margin-right-1/4',
-
-  'Bottom 4 REM': 'tide-margin-bottom-4',
-  'Bottom 2 REM': 'tide-margin-bottom-2',
-  'Bottom 1 REM': 'tide-margin-bottom-1',
-  'Bottom 0.5 REM': 'tide-margin-bottom-1/2',
-  'Bottom 0.25 REM': 'tide-margin-bottom-1/4',
-
-  'Left Auto': 'tide-margin-left-auto',
-  'Left 4 REM': 'tide-margin-left-4',
-  'Left 2 REM': 'tide-margin-left-2',
-  'Left 1 REM': 'tide-margin-left-1',
-  'Left 0.5 REM': 'tide-margin-left-1/2',
-  'Left 0.25 REM': 'tide-margin-left-1/4',
-};
-
-export const PADDING = {
-  'Full 4 REM': 'tide-padding-4',
-  'Full 2 REM': 'tide-padding-2',
-  'Full 1 REM': 'tide-padding-1',
-  'Full 0.5 REM': 'tide-padding-1/2',
-  'Full 0.25 REM': 'tide-padding-1/4',
-
-  'X-axis 4 REM': 'tide-padding-x-4',
-  'X-axis 2 REM': 'tide-padding-x-2',
-  'X-axis 1 REM': 'tide-padding-x-1',
-  'X-axis 0.5 REM': 'tide-padding-x-1/2',
-  'X-axis 0.25 REM': 'tide-padding-x-1/4',
-
-  'Y-axis 4 REM': 'tide-padding-y-4',
-  'Y-axis 2 REM': 'tide-padding-y-2',
-  'Y-axis 1 REM': 'tide-padding-y-1',
-  'Y-axis 0.5 REM': 'tide-padding-y-1/2',
-  'Y-axis 0.25 REM': 'tide-padding-y-1/4',
-
-  'Top 4 REM': 'tide-padding-top-4',
-  'Top 2 REM': 'tide-padding-top-2',
-  'Top 1 REM': 'tide-padding-top-1',
-  'Top 0.5 REM': 'tide-padding-top-1/2',
-  'Top 0.25 REM': 'tide-padding-top-1/4',
-
-  'Right 4 REM': 'tide-padding-right-4',
-  'Right 2 REM': 'tide-padding-right-2',
-  'Right 1 REM': 'tide-padding-right-1',
-  'Right 0.5 REM': 'tide-padding-right-1/2',
-  'Right 0.25 REM': 'tide-padding-right-1/4',
-
-  'Bottom 4 REM': 'tide-padding-bottom-4',
-  'Bottom 2 REM': 'tide-padding-bottom-2',
-  'Bottom 1 REM': 'tide-padding-bottom-1',
-  'Bottom 0.5 REM': 'tide-padding-bottom-1/2',
-  'Bottom 0.25 REM': 'tide-padding-bottom-1/4',
-
-  'Left 4 REM': 'tide-padding-left-4',
-  'Left 2 REM': 'tide-padding-left-2',
-  'Left 1 REM': 'tide-padding-left-1',
-  'Left 0.5 REM': 'tide-padding-left-1/2',
-  'Left 0.25 REM': 'tide-padding-left-1/4',
-};
-
-export const SHADOW = {
-  Bottom: 'tide-shadow-bottom',
-  Top: 'tide-shadow-top',
-};
-
-export const TYPOGRAPHY = {
-  DISPLAY_1: [CSS.FONT.SIZE.THIRTY_TWO, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  HEADLINE_1: [CSS.FONT.SIZE.TWENTY_FOUR, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  HEADLINE_2: [CSS.FONT.SIZE.TWENTY, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  HEADLINE_3: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  TITLE_1: [CSS.FONT.SIZE.TWENTY, CSS.FONT.WEIGHT.SIX_HUNDRED],
-  TITLE_2: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
-  BODY_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.FOUR_HUNDRED],
-  BODY_2: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.FOUR_HUNDRED],
-  LABEL_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.FIVE_HUNDRED],
-  LABEL_1_SEMIBOLD: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
-  LABEL_2: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.FIVE_HUNDRED],
-  LABEL_2_SEMIBOLD: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
-  LABEL_3: [CSS.FONT.SIZE.TWELVE, CSS.FONT.WEIGHT.FIVE_HUNDRED],
-  LINK_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  LINK_2: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  LINK_3: [CSS.FONT.SIZE.TWELVE, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
-  BUTTON_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
-};
-
-export type Typography = (typeof TYPOGRAPHY)[keyof typeof TYPOGRAPHY];

package/dist/types/Vehicle.ts

@@ -1,139 +0,0 @@
-export type Vehicle = {
-  adAttribs: {
-    itemUrl: string;
-    makeAnOffer: string;
-    priceDisclaimer: string;
-    requestAPrice: string;
-    videoBorchueNarationStyle: string;
-  };
-  adDetailUrl: string;
-  adFeatures: {
-    buyNow: boolean;
-    featuredHomepage: boolean;
-    featuredSearch: boolean;
-    hideFloorPlans: boolean;
-    oneYearPackage: boolean;
-    paaVideo: boolean;
-    premium: boolean;
-    topPremium: boolean;
-  };
-  adId: number;
-  adListingPosition: number;
-  categoryName: string[];
-  city: string;
-  cityStateFacet: string;
-  classId: string;
-  className: string;
-  companyName: string;
-  condition: string[];
-  createDate: string;
-  createDateFormatted: string;
-  customerId: string;
-  dealerFeatures: {
-    deactivateContactDealer: boolean;
-    hasAccessIndustryAero: boolean;
-    hasAccessIndustryCycle: boolean;
-    hasAccessIndustryEquipment: boolean;
-    hasAccessIndustryNextruck: boolean;
-    hasAccessIndustryRV: boolean;
-    hasAccessIndustryRentalsCycle: boolean;
-    hasAccessIndustryRentalsRv: boolean;
-    hasAccessIndustryRockAndDirt: boolean;
-    hasAccessIndustryTradeAPlane: boolean;
-    hasAccessIndustryTradeEquip: boolean;
-    hasAccessIndustryTrailer: boolean;
-    hasAccessIndustryTruck: boolean;
-    hasAdLocationLockdown: boolean;
-    hasAdPearance: boolean;
-    hasAutoSelectUnusedBundle: boolean;
-    hasClickToCall: boolean;
-    hasClickToWeb: boolean;
-    hasContactAtOnce: boolean;
-    hasContactAtOnceTexting: boolean;
-    hasCoreLite: boolean;
-    hasDealDesignation: boolean;
-    hasDealerCoreLeadManager: boolean;
-    hasDigitalRetailingBuyNow: boolean;
-    hasDigitalRetailingEnhancedLead: boolean;
-    hasFacebookRetargeting: boolean;
-    hasGreenFlag: boolean;
-    hasHideDealerWebsiteLink: boolean;
-    hasHideFactorySpecs: boolean;
-    hasHideFinance: boolean;
-    hasHideInspection: boolean;
-    hasHideLoanCalculator: boolean;
-    hasHideShipping: boolean;
-    hasHideStandardFeatures: boolean;
-    hasHideTaglines: boolean;
-    hasInternetAdvertising: boolean;
-    hasMakeAnOffer: boolean;
-    hasMakeAnOfferPrice: boolean;
-    hasMapIt: boolean;
-    hasOctaneFinance: boolean;
-    hasOptOutDealerGroupLeaderboard: boolean;
-    hasOptOutDealerGroupRollup: boolean;
-    hasOptOutDealerGroupSharedLogin: boolean;
-    hasOptOutDealerGroupWebsite: boolean;
-    hasRemoveLoanCalcDealerFinancing: boolean;
-    hasRemoveVinFromDisplay: boolean;
-    hasRental: boolean;
-    hasRequestBestPrice: boolean;
-    hasRequestPrice: boolean;
-    hasRequestQuotePreorder: boolean;
-    hasRequestQuoteWeBuy: boolean;
-    hasRequestTradeIn: boolean;
-    hasShiftDigital: boolean;
-    hasShowListingAddress: boolean;
-    hasShutOffAdvertising: boolean;
-    hasShutOffDigitRetailVDP: boolean;
-    hasSuggestedTrucks: boolean;
-    hasTalkingBrochure: boolean;
-    hasTiChat: boolean;
-    hasTiChatGuestDisabled: boolean;
-    hasTiChatManaged: boolean;
-    hasTradeIn: boolean;
-    hasTradeInFeature: boolean;
-    hasTradertraxxCombinedExperience: boolean;
-    hasVideo: boolean;
-    hasVideoChatRequest: boolean;
-    hasVr: boolean;
-    isHibernate: boolean;
-    removeRequestPhotoVideo: boolean;
-  };
-  dealerGroupDealerCount: string;
-  dealerGroupId: string;
-  dealerGroupName: string;
-  dealerId: string;
-  dealerPhone: string[];
-  dealerWebsiteUrl: string;
-  description: string;
-  isBuynow: string;
-  isFeatured: string;
-  isPremium: string;
-  isToppremium: string;
-  latitude: string;
-  longitude: string;
-  makeFacet: string[];
-  makeId: string[];
-  makeName: string[];
-  meta: {
-    engine: string;
-    id: string;
-    score: number;
-  };
-  mfrSerialNum: null;
-  modelFacet: string[];
-  modelName: string[];
-  msrp: null;
-  phone: string;
-  photoCount: number;
-  photoIds: string[];
-  price: number;
-  rebate: null;
-  schemeCode: string;
-  sellerType: string;
-  stateCode: string;
-  trimName: string[];
-  websiteUrl: null;
-  year: number;
-};

package/dist/types/VehicleDetail.ts

@@ -1,44 +0,0 @@
-export type VehicleDetail = {
-  id: string;
-  adUrl: string;
-  breadcrumbs: { text: string; link: string }[];
-  categoryName: string | null;
-  className: string;
-  condition: string;
-  customerId: string;
-  dealerId: string;
-  dealerLogo: { url: string };
-  dealerMapUrl: string;
-  dealerName: string;
-  dealerRepeatTag: string;
-  features: { id: string; name: string }[];
-  makeAnOfferPrice: string | null;
-  makeDisplayName: string;
-  modelDisplayName: string;
-  phone: string;
-  photos: { url: string }[];
-  price: string;
-  realmId: string;
-  state: string;
-  trimName: string;
-  year: string;
-  zip: string;
-  formattedPhone: string;
-  description: string;
-  miles: string;
-  location: string;
-  locationDistance: string;
-  details: { [key: string]: string };
-  factorySpecs: string | null;
-  localDelivery: string;
-  emailSellerUrl: string;
-  dealerLink: string;
-  realmUrl: string;
-  realmName: string;
-  isSmsAvailable: boolean;
-  isChatAvailable: boolean;
-  isDealerWebsiteAvailable: boolean;
-  video?: { thumbnail: string; url: string };
-  vrUrl: string;
-  floorPlanMediaId: string | null;
-};

package/dist/types/index.d.ts

@@ -1,7 +0,0 @@
-type MyName = {
-  fname: string;
-  mname: string;
-  lname: string;
-};
-
-export type { MyName };

package/dist/utilities/forms.ts

@@ -1,47 +0,0 @@
-import type { Ref } from 'vue';
-import type { SelectOption } from '@/types/Select';
-import type { ValidationError, Validator } from '@/types/Validation';
-
-import { errorMessageDefault, validateProperty } from '@/utilities/validation';
-
-export const getFieldHasError = (errorFromProps: ValidationError, errorFromRef: ValidationError) =>
-  errorFromProps !== false || errorFromRef !== false;
-
-export const getSelectOptionsFromStrings = (strings: string[]) =>
-  strings.map(
-    (option) =>
-      ({
-        label: option,
-        value: option,
-      } as SelectOption)
-  );
-
-export const getSupportingText = (errorFromProps: ValidationError, errorFromRef: ValidationError) => {
-  // error in props takes precedence over validation error
-  if (typeof errorFromProps === 'string' && errorFromProps.length > 0) return errorFromProps;
-
-  return typeof errorFromRef === 'string' && errorFromRef.length > 0 ? errorFromRef : errorMessageDefault;
-};
-
-export const handleFieldValidation = ({
-  error,
-  errorFromProps,
-  validators,
-  value,
-}: {
-  error: Ref<ValidationError>;
-  errorFromProps: ValidationError;
-  validators?: Validator[];
-  value: Ref<string>;
-}) => {
-  // error in props takes precedence over validation error
-  error.value = errorFromProps;
-
-  if (!errorFromProps && validators) {
-    const validation = validateProperty(value.value, validators);
-
-    if (!validation.valid) {
-      error.value = validation.message;
-    }
-  }
-};

package/dist/utilities/media.ts

@@ -1,77 +0,0 @@
-import { MEDIA_SLIDE_TYPES, type ListingMedia } from '@/types/ListingMedia';
-import type { VehicleDetail } from '@/types/VehicleDetail';
-
-export function getIdFromYoutubeUrl(url: string): string {
-  const prefixes = [
-    'http://www.youtube.com/v/',
-    'https://www.youtube.com/v/',
-    'http://www.youtube.com/watch?v=',
-    'https://www.youtube.com/watch?v=',
-    'http://youtu.be/',
-    'https://youtu.be/',
-  ];
-
-  let id = url;
-  prefixes.forEach((separator) => {
-    if (url.includes(separator)) {
-      id = url.split(separator).join('');
-    }
-  });
-
-  return id;
-}
-
-export function getListingMediaSlides(vehicle: VehicleDetail): ListingMedia[] {
-  const slides: ListingMedia[] = [];
-
-  // insert at a specific index but also handle cases where the index is out of bounds
-  const insertSlideAtIndex = (slide: ListingMedia, index: number) => {
-    slides.splice(Math.min(index, slides.length), 0, slide);
-  };
-
-  vehicle.photos.forEach((photo) => {
-    slides.push({
-      imageUrl: String(photo.url),
-      type: MEDIA_SLIDE_TYPES.IMAGE.IMAGE,
-    });
-  });
-
-  if (vehicle.floorPlanMediaId) {
-    insertSlideAtIndex(
-      {
-        imageUrl: String(vehicle.floorPlanMediaId),
-        type: MEDIA_SLIDE_TYPES.IMAGE.FLOORPLAN,
-      },
-      1
-    );
-  }
-
-  if (vehicle.video) {
-    insertSlideAtIndex(
-      {
-        imageUrl: String(vehicle.video.thumbnail),
-        type: MEDIA_SLIDE_TYPES.VIDEO,
-        videoUrl: String(vehicle.video.url),
-      },
-      2
-    );
-  }
-
-  if (vehicle.vrUrl) {
-    insertSlideAtIndex(
-      {
-        imageUrl: vehicle.photos?.[0]?.url && String(vehicle.photos[0].url),
-        type: MEDIA_SLIDE_TYPES.VR,
-        vrUrl: String(vehicle.vrUrl),
-      },
-      3
-    );
-  }
-
-  return slides;
-}
-
-export function getSlideIndex(slideToFind: ListingMedia, allSlides: ListingMedia[]): number {
-  // TODO: find a better way of matching a slide. this is not good.
-  return allSlides.findIndex((slide) => slide === slideToFind);
-}