@kokoccc/vuetify 1.0.1

package/src/services/icons/presets/md.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'check',
+  cancel: 'cancel',
+  close: 'close',
+  delete: 'cancel', // delete (e.g. v-chip close)
+  clear: 'clear',
+  success: 'check_circle',
+  info: 'info',
+  warning: 'priority_high',
+  error: 'warning',
+  prev: 'chevron_left',
+  next: 'chevron_right',
+  checkboxOn: 'check_box',
+  checkboxOff: 'check_box_outline_blank',
+  checkboxIndeterminate: 'indeterminate_check_box',
+  delimiter: 'fiber_manual_record', // for carousel
+  sort: 'arrow_upward',
+  expand: 'keyboard_arrow_down',
+  menu: 'menu',
+  subgroup: 'arrow_drop_down',
+  dropdown: 'arrow_drop_down',
+  radioOn: 'radio_button_checked',
+  radioOff: 'radio_button_unchecked',
+  edit: 'edit',
+  ratingEmpty: 'star_border',
+  ratingFull: 'star',
+  ratingHalf: 'star_half',
+  loading: 'cached',
+  first: 'first_page',
+  last: 'last_page',
+  unfold: 'unfold_more',
+  file: 'attach_file',
+  plus: 'add',
+  minus: 'remove',
+}
+
+export default icons

package/src/services/icons/presets/mdi-svg.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z',
+  cancel: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
+  close: 'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z',
+  delete: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z', // delete (e.g. v-chip close)
+  clear: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
+  success: 'M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z',
+  info: 'M13,9H11V7H13M13,17H11V11H13M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2ZM13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z',
+  warning: 'M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z',
+  error: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
+  prev: 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z',
+  next: 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z',
+  checkboxOn: 'M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
+  checkboxOff: 'M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z',
+  checkboxIndeterminate: 'M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
+  delimiter: 'M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z', // for carousel
+  sort: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',
+  expand: 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z',
+  menu: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z',
+  subgroup: 'M7,10L12,15L17,10H7Z',
+  dropdown: 'M7,10L12,15L17,10H7Z',
+  radioOn: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2M12,7C9.24,7 7,9.24 7,12C7,14.76 9.24,17 12,17C14.76,17 17,14.76 17,12C17,9.24 14.76,7 12,7Z',
+  radioOff: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',
+  edit: 'M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z',
+  ratingEmpty: 'M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',
+  ratingFull: 'M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z',
+  ratingHalf: 'M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',
+  loading: 'M19,8L15,12H18C18,15.31 15.31,18 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20C16.42,20 20,16.42 20,12H23M6,12C6,8.69 8.69,6 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4C7.58,4 4,7.58 4,12H1L5,16L9,12',
+  first: 'M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z',
+  last: 'M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z',
+  unfold: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z',
+  file: 'M16.5,6V17.5C16.5,19.71 14.71,21.5 12.5,21.5C10.29,21.5 8.5,19.71 8.5,17.5V5C8.5,3.62 9.62,2.5 11,2.5C12.38,2.5 13.5,3.62 13.5,5V15.5C13.5,16.05 13.05,16.5 12.5,16.5C11.95,16.5 11.5,16.05 11.5,15.5V6H10V15.5C10,16.88 11.12,18 12.5,18C13.88,18 15,16.88 15,15.5V5C15,2.79 13.21,1 11,1C8.79,1 7,2.79 7,5V17.5C7,20.54 9.46,23 12.5,23C15.54,23 18,20.54 18,17.5V6H16.5Z',
+  plus: 'M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z',
+  minus: 'M19,13H5V11H19V13Z',
+}
+
+export default icons

package/src/services/icons/presets/mdi.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'mdi-check',
+  cancel: 'mdi-close-circle',
+  close: 'mdi-close',
+  delete: 'mdi-close-circle', // delete (e.g. v-chip close)
+  clear: 'mdi-close',
+  success: 'mdi-check-circle',
+  info: 'mdi-information',
+  warning: 'mdi-exclamation',
+  error: 'mdi-alert',
+  prev: 'mdi-chevron-left',
+  next: 'mdi-chevron-right',
+  checkboxOn: 'mdi-checkbox-marked',
+  checkboxOff: 'mdi-checkbox-blank-outline',
+  checkboxIndeterminate: 'mdi-minus-box',
+  delimiter: 'mdi-circle', // for carousel
+  sort: 'mdi-arrow-up',
+  expand: 'mdi-chevron-down',
+  menu: 'mdi-menu',
+  subgroup: 'mdi-menu-down',
+  dropdown: 'mdi-menu-down',
+  radioOn: 'mdi-radiobox-marked',
+  radioOff: 'mdi-radiobox-blank',
+  edit: 'mdi-pencil',
+  ratingEmpty: 'mdi-star-outline',
+  ratingFull: 'mdi-star',
+  ratingHalf: 'mdi-star-half-full',
+  loading: 'mdi-cached',
+  first: 'mdi-page-first',
+  last: 'mdi-page-last',
+  unfold: 'mdi-unfold-more-horizontal',
+  file: 'mdi-paperclip',
+  plus: 'mdi-plus',
+  minus: 'mdi-minus',
+}
+
+export default icons

package/src/services/index.ts

@@ -0,0 +1,7 @@
+export * from './application'
+export * from './breakpoint'
+export * from './goto'
+export * from './icons'
+export * from './lang'
+export * from './presets'
+export * from './theme'

package/src/services/lang/__tests__/lang.spec.ts

@@ -0,0 +1,70 @@
+// Service
+import { Lang } from '../index'
+
+// Preset
+import { preset } from '../../../presets/default'
+
+describe('$vuetify.lang', () => {
+  let lang: Lang
+
+  beforeEach(() => {
+    lang = new Lang(preset)
+  })
+
+  it('should fall back to en', () => {
+    Object.assign(lang.locales.en, { foo: 'bar', bar: 'baz' })
+    lang.locales.foreign = { foo: 'foreignBar' }
+    lang.current = 'foreign'
+
+    expect(lang.t('$vuetify.foo')).toBe('foreignBar')
+
+    expect(lang.t('$vuetify.bar')).toBe('baz')
+    expect('Translation key "bar" not found, falling back to default').toHaveBeenTipped()
+
+    expect(lang.t('$vuetify.baz')).toBe('$vuetify.baz')
+    expect('Translation key "baz" not found, falling back to default').toHaveBeenTipped()
+    expect('Translation key "baz" not found in fallback').toHaveBeenWarned()
+  })
+
+  it('should ignore unprefixed strings', () => {
+    expect(lang.t('foo.bar.baz')).toBe('foo.bar.baz')
+  })
+
+  it('should use a different default', () => {
+    lang = new Lang({
+      ...preset,
+      lang: {
+        current: 'foreign',
+        locales: {
+          foreign: { foo: 'foreignBar' },
+        },
+      },
+    })
+
+    expect(lang.t('$vuetify.foo')).toBe('foreignBar')
+  })
+
+  it('should use a custom translator', () => {
+    const translator = jest.fn(str => str)
+
+    lang = new Lang({
+      ...preset,
+      lang: { t: translator },
+    })
+
+    lang.t('$vuetify.foobar', 'fizzbuzz')
+
+    expect(translator).toHaveBeenCalledWith('$vuetify.foobar', 'fizzbuzz')
+  })
+
+  it('should replace params on a non-prefixed key', () => {
+    lang = new Lang({
+      ...preset,
+      lang: { t: str => str },
+    })
+
+    const translated = lang.t('{2} bar {0} foo {1}', 'hello', 'world', '!')
+
+    expect(translated).toBe('! bar hello foo world')
+  })
+})

package/src/services/lang/index.ts

@@ -0,0 +1,88 @@
+// Extensions
+import { Service } from '../service'
+
+// Utilities
+import { getObjectValueByPath } from '../../util/helpers'
+import { consoleError, consoleWarn } from '../../util/console'
+
+// Types
+import { VuetifyPreset } from 'vuetify/types/services/presets'
+import {
+  VuetifyLocale,
+  Lang as ILang,
+} from 'vuetify/types/services/lang'
+
+const LANG_PREFIX = '$vuetify.'
+const fallback = Symbol('Lang fallback')
+
+function getTranslation (
+  locale: VuetifyLocale,
+  key: string,
+  usingDefault = false,
+  defaultLocale: VuetifyLocale
+): string {
+  const shortKey = key.replace(LANG_PREFIX, '')
+  let translation = getObjectValueByPath(locale, shortKey, fallback) as string | typeof fallback
+
+  if (translation === fallback) {
+    if (usingDefault) {
+      consoleError(`Translation key "${shortKey}" not found in fallback`)
+      translation = key
+    } else {
+      consoleWarn(`Translation key "${shortKey}" not found, falling back to default`)
+      translation = getTranslation(defaultLocale, key, true, defaultLocale)
+    }
+  }
+
+  return translation
+}
+
+export class Lang extends Service implements ILang {
+  static property: 'lang' = 'lang'
+
+  public current: ILang['current']
+
+  public defaultLocale = 'en'
+
+  public locales: ILang['locales']
+
+  private translator: ILang['t']
+
+  constructor (preset: VuetifyPreset) {
+    super()
+
+    const {
+      current,
+      locales,
+      t,
+    } = preset[Lang.property]
+
+    this.current = current
+    this.locales = locales
+    this.translator = t || this.defaultTranslator
+  }
+
+  public currentLocale (key: string) {
+    const translation = this.locales[this.current]
+    const defaultLocale = this.locales[this.defaultLocale]
+
+    return getTranslation(translation, key, false, defaultLocale)
+  }
+
+  public t (key: string, ...params: any[]) {
+    if (!key.startsWith(LANG_PREFIX)) return this.replace(key, params)
+
+    return this.translator(key, ...params)
+  }
+
+  private defaultTranslator (key: string, ...params: any[]) {
+    return this.replace(this.currentLocale(key), params)
+  }
+
+  private replace (str: string, params: any[]) {
+    return str.replace(/\{(\d+)\}/g, (match: string, index: string) => {
+      /* istanbul ignore next */
+      return String(params[+index])
+    })
+  }
+}

package/src/services/presets/__tests__/__snapshots__/presets.spec.ts.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`$vuetify.presets should merge user and default preset 1`] = `"{\\"breakpoint\\":{\\"mobileBreakpoint\\":1264,\\"scrollBarWidth\\":16,\\"thresholds\\":{\\"xs\\":200,\\"sm\\":960,\\"md\\":1280,\\"lg\\":1920}},\\"icons\\":{\\"iconfont\\":\\"md\\",\\"values\\":{\\"complete\\":\\"bar\\"}},\\"lang\\":{\\"current\\":\\"en\\",\\"locales\\":{\\"en\\":{\\"badge\\":\\"Foobar\\",\\"close\\":\\"Close\\",\\"dataIterator\\":{\\"noResultsText\\":\\"Fizzbuzz\\",\\"loadingText\\":\\"Loading items...\\"},\\"dataTable\\":{\\"itemsPerPageText\\":\\"Rows per page:\\",\\"ariaLabel\\":{\\"sortDescending\\":\\"Sorted descending.\\",\\"sortAscending\\":\\"Sorted ascending.\\",\\"sortNone\\":\\"Not sorted.\\",\\"activateNone\\":\\"Activate to remove sorting.\\",\\"activateDescending\\":\\"Activate to sort descending.\\",\\"activateAscending\\":\\"Activate to sort ascending.\\"},\\"sortBy\\":\\"Sort by\\"},\\"dataFooter\\":{\\"itemsPerPageText\\":\\"Items per page:\\",\\"itemsPerPageAll\\":\\"All\\",\\"nextPage\\":\\"Next page\\",\\"prevPage\\":\\"Previous page\\",\\"firstPage\\":\\"First page\\",\\"lastPage\\":\\"Last page\\",\\"pageText\\":\\"{0}-{1} of {2}\\"},\\"datePicker\\":{\\"itemsSelected\\":\\"{0} selected\\",\\"nextMonthAriaLabel\\":\\"Next month\\",\\"nextYearAriaLabel\\":\\"Next year\\",\\"prevMonthAriaLabel\\":\\"Previous month\\",\\"prevYearAriaLabel\\":\\"Previous year\\"},\\"noDataText\\":\\"No data available\\",\\"carousel\\":{\\"prev\\":\\"Previous visual\\",\\"next\\":\\"Next visual\\",\\"ariaLabel\\":{\\"delimiter\\":\\"Carousel slide {0} of {1}\\"}},\\"calendar\\":{\\"moreEvents\\":\\"{0} more\\"},\\"input\\":{\\"clear\\":\\"Clear {0}\\",\\"prependAction\\":\\"{0} prepended action\\",\\"appendAction\\":\\"{0} appended action\\"},\\"fileInput\\":{\\"counter\\":\\"{0} files\\",\\"counterSize\\":\\"{0} files ({1} in total)\\"},\\"timePicker\\":{\\"am\\":\\"AM\\",\\"pm\\":\\"PM\\"},\\"pagination\\":{\\"ariaLabel\\":{\\"wrapper\\":\\"Pagination Navigation\\",\\"next\\":\\"Next page\\",\\"previous\\":\\"Previous page\\",\\"page\\":\\"Goto Page {0}\\",\\"currentPage\\":\\"Current Page, Page {0}\\"}},\\"rating\\":{\\"ariaLabel\\":{\\"icon\\":\\"Rating {0} of {1}\\"}},\\"loading\\":\\"Loading...\\"}}},\\"rtl\\":true,\\"theme\\":{\\"dark\\":true,\\"default\\":\\"light\\",\\"disable\\":false,\\"options\\":{\\"variations\\":true},\\"themes\\":{\\"light\\":{\\"primary\\":\\"blue\\",\\"secondary\\":{\\"darken4\\":\\"red\\"},\\"accent\\":\\"#82B1FF\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"},\\"dark\\":{\\"primary\\":\\"#2196F3\\",\\"secondary\\":\\"#424242\\",\\"accent\\":\\"#FF4081\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"}}}}"`;
+
+exports[`$vuetify.presets should merge user and default preset 2`] = `undefined`;
+
+exports[`$vuetify.presets should merge user and default preset 3`] = `"{\\"en\\":{\\"badge\\":\\"Foobar\\",\\"close\\":\\"Close\\",\\"dataIterator\\":{\\"noResultsText\\":\\"Fizzbuzz\\",\\"loadingText\\":\\"Loading items...\\"},\\"dataTable\\":{\\"itemsPerPageText\\":\\"Rows per page:\\",\\"ariaLabel\\":{\\"sortDescending\\":\\"Sorted descending.\\",\\"sortAscending\\":\\"Sorted ascending.\\",\\"sortNone\\":\\"Not sorted.\\",\\"activateNone\\":\\"Activate to remove sorting.\\",\\"activateDescending\\":\\"Activate to sort descending.\\",\\"activateAscending\\":\\"Activate to sort ascending.\\"},\\"sortBy\\":\\"Sort by\\"},\\"dataFooter\\":{\\"itemsPerPageText\\":\\"Items per page:\\",\\"itemsPerPageAll\\":\\"All\\",\\"nextPage\\":\\"Next page\\",\\"prevPage\\":\\"Previous page\\",\\"firstPage\\":\\"First page\\",\\"lastPage\\":\\"Last page\\",\\"pageText\\":\\"{0}-{1} of {2}\\"},\\"datePicker\\":{\\"itemsSelected\\":\\"{0} selected\\",\\"nextMonthAriaLabel\\":\\"Next month\\",\\"nextYearAriaLabel\\":\\"Next year\\",\\"prevMonthAriaLabel\\":\\"Previous month\\",\\"prevYearAriaLabel\\":\\"Previous year\\"},\\"noDataText\\":\\"No data available\\",\\"carousel\\":{\\"prev\\":\\"Previous visual\\",\\"next\\":\\"Next visual\\",\\"ariaLabel\\":{\\"delimiter\\":\\"Carousel slide {0} of {1}\\"}},\\"calendar\\":{\\"moreEvents\\":\\"{0} more\\"},\\"input\\":{\\"clear\\":\\"Clear {0}\\",\\"prependAction\\":\\"{0} prepended action\\",\\"appendAction\\":\\"{0} appended action\\"},\\"fileInput\\":{\\"counter\\":\\"{0} files\\",\\"counterSize\\":\\"{0} files ({1} in total)\\"},\\"timePicker\\":{\\"am\\":\\"AM\\",\\"pm\\":\\"PM\\"},\\"pagination\\":{\\"ariaLabel\\":{\\"wrapper\\":\\"Pagination Navigation\\",\\"next\\":\\"Next page\\",\\"previous\\":\\"Previous page\\",\\"page\\":\\"Goto Page {0}\\",\\"currentPage\\":\\"Current Page, Page {0}\\"}},\\"rating\\":{\\"ariaLabel\\":{\\"icon\\":\\"Rating {0} of {1}\\"}},\\"loading\\":\\"Loading...\\"}}"`;
+
+exports[`$vuetify.presets should merge user and default preset 4`] = `"{\\"dark\\":{\\"primary\\":\\"#2196F3\\",\\"secondary\\":\\"#424242\\",\\"accent\\":\\"#FF4081\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"},\\"light\\":{\\"primary\\":\\"blue\\",\\"secondary\\":{\\"darken4\\":\\"red\\"},\\"accent\\":\\"#82B1FF\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"}}"`;
+
+exports[`$vuetify.presets should merge user and default preset 5`] = `"{\\"xs\\":200,\\"sm\\":960,\\"md\\":1280,\\"lg\\":1920}"`;

package/src/services/presets/__tests__/presets.spec.ts

@@ -0,0 +1,51 @@
+// Types
+import Framework from '../../../framework'
+import { Breakpoint } from 'vuetify/types/services/breakpoint'
+import { Icons } from 'vuetify/types/services/icons'
+import { Lang } from 'vuetify/types/services/lang'
+import { Theme } from 'vuetify/types/services/theme'
+
+describe('$vuetify.presets', () => {
+  it('should merge user and default preset', () => {
+    const vuetify = new Framework({
+      rtl: true,
+      breakpoint: {
+        thresholds: { xs: 200 },
+      },
+      icons: {
+        iconfont: 'md',
+        values: { complete: 'bar' },
+      },
+      lang: {
+        locales: {
+          en: {
+            badge: 'Foobar',
+            dataIterator: { noResultsText: 'Fizzbuzz' },
+          },
+        },
+      },
+      theme: {
+        dark: true,
+        themes: {
+          light: {
+            primary: 'blue',
+            // https://github.com/vuetifyjs/vuetify/issues/10100
+            secondary: { darken4: 'red' },
+          },
+        },
+      },
+    })
+
+    expect(JSON.stringify(vuetify.preset)).toMatchSnapshot()
+
+    const icons: Icons = vuetify.framework as any
+    const lang: Lang = vuetify.framework.lang as any
+    const itheme: Theme = vuetify.framework.theme as any
+    const breakpoints: Breakpoint = vuetify.framework.breakpoint as any
+
+    expect(JSON.stringify(icons.values)).toMatchSnapshot()
+    expect(JSON.stringify(lang.locales)).toMatchSnapshot()
+    expect(JSON.stringify(itheme.themes)).toMatchSnapshot()
+    expect(JSON.stringify(breakpoints.thresholds)).toMatchSnapshot()
+  })
+})

package/src/services/presets/index.ts

@@ -0,0 +1,44 @@
+// Preset
+import { preset as Preset } from '../../presets/default'
+
+// Utilities
+import { consoleWarn } from '../../util/console'
+import { mergeDeep } from '../../util/helpers'
+
+// Types
+import Vuetify from 'vuetify/types'
+import { Service } from '../service'
+import {
+  UserVuetifyPreset,
+  VuetifyPreset,
+} from 'vuetify/types/services/presets'
+
+export class Presets extends Service {
+  static property: 'presets' = 'presets'
+
+  constructor (
+    parentPreset: Partial<UserVuetifyPreset>,
+    parent: Vuetify,
+  ) {
+    super()
+
+    // The default preset
+    const defaultPreset = mergeDeep({}, Preset)
+    // The user provided preset
+    const { userPreset } = parent
+    // The user provided global preset
+    const {
+      preset: globalPreset = {},
+      ...preset
+    } = userPreset
+
+    if (globalPreset.preset != null) {
+      consoleWarn('Global presets do not support the **preset** option, it can be safely omitted')
+    }
+
+    parent.preset = mergeDeep(
+      mergeDeep(defaultPreset, globalPreset),
+      preset
+    ) as VuetifyPreset
+  }
+}

package/src/services/service/index.ts

@@ -0,0 +1,11 @@
+// Contracts
+import { VuetifyServiceContract } from 'vuetify/types/services/index'
+
+// Types
+import Vue from 'vue'
+
+export class Service implements VuetifyServiceContract {
+  framework = {}
+
+  init (root: Vue, ssrContext?: object) {}
+}

package/src/services/theme/__tests__/__snapshots__/theme-utils.spec.ts.snap

@@ -0,0 +1,231 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`theme-utilities.ts should generate css vars 1`] = `
+":root {
+  --v-anchor-base: #c42742;
+  --v-primary-base: #c42742;
+  --v-primary-lighten5: #2c0447;
+  --v-primary-lighten4: #cfa854;
+  --v-primary-lighten3: #dd88cc;
+  --v-primary-lighten2: #b49921;
+  --v-primary-lighten1: #f899c7;
+  --v-primary-darken1: #0169dc;
+  --v-primary-darken2: #c28fd0;
+  --v-primary-darken3: #fbe002;
+  --v-primary-darken4: #33303a;
+}
+
+.v-application a { color: var(--v-anchor-base); }
+.v-application .primary {
+  background-color: var(--v-primary-base) !important;
+  border-color: var(--v-primary-base) !important;
+}
+.v-application .primary--text {
+  color: var(--v-primary-base) !important;
+  caret-color: var(--v-primary-base) !important;
+}
+.v-application .primary.lighten-5 {
+  background-color: var(--v-primary-lighten5) !important;
+  border-color: var(--v-primary-lighten5) !important;
+}
+.v-application .primary--text.text--lighten-5 {
+  color: var(--v-primary-lighten5) !important;
+  caret-color: var(--v-primary-lighten5) !important;
+}
+.v-application .primary.lighten-4 {
+  background-color: var(--v-primary-lighten4) !important;
+  border-color: var(--v-primary-lighten4) !important;
+}
+.v-application .primary--text.text--lighten-4 {
+  color: var(--v-primary-lighten4) !important;
+  caret-color: var(--v-primary-lighten4) !important;
+}
+.v-application .primary.lighten-3 {
+  background-color: var(--v-primary-lighten3) !important;
+  border-color: var(--v-primary-lighten3) !important;
+}
+.v-application .primary--text.text--lighten-3 {
+  color: var(--v-primary-lighten3) !important;
+  caret-color: var(--v-primary-lighten3) !important;
+}
+.v-application .primary.lighten-2 {
+  background-color: var(--v-primary-lighten2) !important;
+  border-color: var(--v-primary-lighten2) !important;
+}
+.v-application .primary--text.text--lighten-2 {
+  color: var(--v-primary-lighten2) !important;
+  caret-color: var(--v-primary-lighten2) !important;
+}
+.v-application .primary.lighten-1 {
+  background-color: var(--v-primary-lighten1) !important;
+  border-color: var(--v-primary-lighten1) !important;
+}
+.v-application .primary--text.text--lighten-1 {
+  color: var(--v-primary-lighten1) !important;
+  caret-color: var(--v-primary-lighten1) !important;
+}
+.v-application .primary.darken-1 {
+  background-color: var(--v-primary-darken1) !important;
+  border-color: var(--v-primary-darken1) !important;
+}
+.v-application .primary--text.text--darken-1 {
+  color: var(--v-primary-darken1) !important;
+  caret-color: var(--v-primary-darken1) !important;
+}
+.v-application .primary.darken-2 {
+  background-color: var(--v-primary-darken2) !important;
+  border-color: var(--v-primary-darken2) !important;
+}
+.v-application .primary--text.text--darken-2 {
+  color: var(--v-primary-darken2) !important;
+  caret-color: var(--v-primary-darken2) !important;
+}
+.v-application .primary.darken-3 {
+  background-color: var(--v-primary-darken3) !important;
+  border-color: var(--v-primary-darken3) !important;
+}
+.v-application .primary--text.text--darken-3 {
+  color: var(--v-primary-darken3) !important;
+  caret-color: var(--v-primary-darken3) !important;
+}
+.v-application .primary.darken-4 {
+  background-color: var(--v-primary-darken4) !important;
+  border-color: var(--v-primary-darken4) !important;
+}
+.v-application .primary--text.text--darken-4 {
+  color: var(--v-primary-darken4) !important;
+  caret-color: var(--v-primary-darken4) !important;
+}"
+`;
+
+exports[`theme-utilities.ts should generate styles 1`] = `
+".v-application a { color: #c42742; }
+.v-application .primary {
+  background-color: #c42742 !important;
+  border-color: #c42742 !important;
+}
+.v-application .primary--text {
+  color: #c42742 !important;
+  caret-color: #c42742 !important;
+}
+.v-application .primary.lighten-5 {
+  background-color: #2c0447 !important;
+  border-color: #2c0447 !important;
+}
+.v-application .primary--text.text--lighten-5 {
+  color: #2c0447 !important;
+  caret-color: #2c0447 !important;
+}
+.v-application .primary.lighten-4 {
+  background-color: #cfa854 !important;
+  border-color: #cfa854 !important;
+}
+.v-application .primary--text.text--lighten-4 {
+  color: #cfa854 !important;
+  caret-color: #cfa854 !important;
+}
+.v-application .primary.lighten-3 {
+  background-color: #dd88cc !important;
+  border-color: #dd88cc !important;
+}
+.v-application .primary--text.text--lighten-3 {
+  color: #dd88cc !important;
+  caret-color: #dd88cc !important;
+}
+.v-application .primary.lighten-2 {
+  background-color: #b49921 !important;
+  border-color: #b49921 !important;
+}
+.v-application .primary--text.text--lighten-2 {
+  color: #b49921 !important;
+  caret-color: #b49921 !important;
+}
+.v-application .primary.lighten-1 {
+  background-color: #f899c7 !important;
+  border-color: #f899c7 !important;
+}
+.v-application .primary--text.text--lighten-1 {
+  color: #f899c7 !important;
+  caret-color: #f899c7 !important;
+}
+.v-application .primary.darken-1 {
+  background-color: #0169dc !important;
+  border-color: #0169dc !important;
+}
+.v-application .primary--text.text--darken-1 {
+  color: #0169dc !important;
+  caret-color: #0169dc !important;
+}
+.v-application .primary.darken-2 {
+  background-color: #c28fd0 !important;
+  border-color: #c28fd0 !important;
+}
+.v-application .primary--text.text--darken-2 {
+  color: #c28fd0 !important;
+  caret-color: #c28fd0 !important;
+}
+.v-application .primary.darken-3 {
+  background-color: #fbe002 !important;
+  border-color: #fbe002 !important;
+}
+.v-application .primary--text.text--darken-3 {
+  color: #fbe002 !important;
+  caret-color: #fbe002 !important;
+}
+.v-application .primary.darken-4 {
+  background-color: #33303a !important;
+  border-color: #33303a !important;
+}
+.v-application .primary--text.text--darken-4 {
+  color: #33303a !important;
+  caret-color: #33303a !important;
+}"
+`;
+
+exports[`theme-utilities.ts should parse a theme or theme item 1`] = `
+Object {
+  "anchor": "#000000",
+  "primary": Object {
+    "base": "#000000",
+    "darken1": "#000000",
+    "darken2": "#000000",
+    "darken3": "#000000",
+    "darken4": "#000000",
+    "lighten1": "#1b1b1b",
+    "lighten2": "#303030",
+    "lighten3": "#474747",
+    "lighten4": "#5e5e5e",
+    "lighten5": "#777777",
+  },
+  "secondary": Object {
+    "base": "#ffffff",
+    "darken1": "#e2e2e2",
+    "darken2": "#c6c6c6",
+    "darken3": "#ababab",
+    "darken4": "#919191",
+    "lighten1": "#ffffff",
+    "lighten2": "#ffffff",
+    "lighten3": "#ffffff",
+    "lighten4": "#ffffff",
+    "lighten5": "#ffffff",
+  },
+}
+`;
+
+exports[`theme-utilities.ts should parse a theme or theme item 2`] = `
+Object {
+  "anchor": "#c42742",
+  "primary": Object {
+    "base": "#c42742",
+    "darken1": "#0169dc",
+    "darken2": "#c28fd0",
+    "darken3": "#fbe002",
+    "darken4": "#33303a",
+    "lighten1": "#f899c7",
+    "lighten2": "#b49921",
+    "lighten3": "#dd88cc",
+    "lighten4": "#cfa854",
+    "lighten5": "#2c0447",
+  },
+}
+`;