kmcom-nuxt-layers 1.7.9 → 2.2.0

package/layers/ui/app/components/Typography/HeadlineScreen.vue

@@ -1,77 +0,0 @@
-<script lang="ts" setup>
-import { useColor } from '../../composables/color'
-import { useTypography } from '../../composables/typography'
-import type { UiColors } from '../../types/colors'
-import type {
-  FontLeading,
-  FontScreenSize,
-  FontSlant,
-  FontTracking,
-  FontWeight,
-  FontWidth,
-  TextAlign,
-  TextTransform,
-} from '../../types/typography'
-
-defineOptions({ inheritAttrs: false })
-
-const props = withDefaults(
-  defineProps<{
-    level?: 1 | 2 | 3 | 4 | 5 | 6
-    size?: FontScreenSize
-    weight?: FontWeight
-    width?: FontWidth
-    slant?: FontSlant
-    leading?: FontLeading
-    tracking?: FontTracking
-    align?: TextAlign
-    transform?: TextTransform
-    color?: UiColors
-    class?: string
-  }>(),
-  {
-    level: 1,
-    size: 'screen-xxl',
-    weight: 'font-bold',
-    width: 'font-stretch-normal',
-    slant: 'normal',
-    leading: 'leading-tight',
-    tracking: 'tracking-tight',
-    align: 'left',
-    transform: 'none',
-    class: '',
-  }
-)
-
-const tag = computed(() => `h${props.level}` as const)
-
-const sizeMap: Record<string, string> = {
-  screen: 'text-screen',
-  'screen-xl': 'text-screen-xl',
-  'screen-xxl': 'text-screen-xxl',
-  'screen-xxxl': 'text-screen-xxxl',
-}
-const sizeClass = computed(() => sizeMap[props.size] ?? 'text-screen-xxl')
-
-const { classes } = useTypography({
-  weight: props.weight,
-  width: props.width,
-  slant: props.slant,
-  leading: props.leading,
-  tracking: props.tracking,
-  align: props.align,
-  transform: props.transform,
-})
-
-const colorClass = useColor(props.color, 'text')
-</script>
-
-<template>
-  <component
-    :is="tag"
-    :class="[sizeClass, classes, colorClass, props.class]"
-    v-bind="$attrs"
-  >
-    <slot />
-  </component>
-</template>

package/layers/ui/app/components/Typography/QuoteBlock.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import { useColor } from '../../composables/color'
-import type { UiColors } from '../../types/colors'
-import type { FontSize } from '../../types/typography'
-
-defineOptions({ inheritAttrs: false })
-
-const props = defineProps<{ color?: UiColors; size?: FontSize }>()
-const colorClass = useColor(props.color, 'text')
-</script>
-
-<template>
-  <Typography
-    tag="blockquote"
-    :class="colorClass"
-    v-bind="{ ...(props.size !== undefined && { size: props.size }), ...$attrs }"
-  >
-    <slot />
-  </Typography>
-</template>

package/layers/ui/app/components/Typography/index.vue

@@ -1,52 +0,0 @@
-<!-- eslint-disable vue/require-default-prop -->
-<!-- eslint-disable vue/no-unused-properties -->
-<script lang="ts" setup>
-import { useColor } from '../../composables/color'
-import { useTypography } from '../../composables/typography'
-import type { UiColors } from '../../types/colors'
-import type {
-  FontLeading,
-  FontSize,
-  FontSlant,
-  FontTracking,
-  FontWeight,
-  FontWidth,
-  TextAlign,
-  TextTransform,
-  TypographyTag,
-} from '../../types/typography'
-
-const props = withDefaults(
-  defineProps<{
-    tag?: TypographyTag
-    weight?: FontWeight
-    width?: FontWidth
-    slant?: FontSlant
-    leading?: FontLeading
-    tracking?: FontTracking
-    align?: TextAlign
-    transform?: TextTransform
-    color?: UiColors
-    size?: FontSize
-  }>(),
-  {
-    tag: 'p',
-    weight: 'font-normal',
-    width: 'font-stretch-normal',
-    slant: 'normal',
-    leading: 'leading-normal',
-    tracking: 'tracking-normal',
-    align: 'left',
-    transform: 'none',
-    size: 'base',
-  }
-)
-const { classes } = useTypography(props)
-const colorClass = useColor(props.color, 'text')
-</script>
-
-<template>
-  <component :is="tag" :class="[classes, colorClass]" v-bind="$attrs">
-    <slot />
-  </component>
-</template>

package/layers/ui/app/types/app-config.d.ts

@@ -1,22 +0,0 @@
-declare module '@nuxt/schema' {
-  interface AppConfigInput {
-    site?: {
-      title?: string
-      subtitle?: string
-      description?: string
-    }
-    mastNav?: {
-      links?: Array<{
-        id: string
-        label: string
-        to: string | { name: string; params?: Record<string, unknown>; query?: Record<string, unknown> }
-      }>
-      scrollBehaviour?: 'smooth-scroll' | 'router'
-    }
-    uiLayer?: {
-      name?: string
-      gradients?: Record<string, import('./gradient').GradientConfig>
-      accentScenes?: Record<string, import('./accent').AccentSceneConfig>
-    }
-  }
-}

package/layers/ui/app/types/nav.ts

@@ -1,5 +0,0 @@
-export interface MastNavLink {
-  id: string
-  label: string
-  to: string | { name: string; params?: Record<string, string | number>; query?: Record<string, string | number> }
-}