@myissue/vue-website-page-builder 3.0.1

package/src/utils/builder/tailwind-border-style-width-color.ts

@@ -0,0 +1,272 @@
+interface TailwindBorderStyleWidthColor {
+  borderStyle: string[]
+  borderWidth: string[]
+  borderColor: string[]
+}
+
+const tailwindBorderStyleWidthPlusColor: TailwindBorderStyleWidthColor = {
+  borderStyle: [
+    'none',
+    'border-solid',
+    'border-dashed',
+    'border-dotted',
+    'border-double',
+    'border-hidden',
+  ],
+  borderWidth: [
+    'none',
+    'border', // 1px
+    'border-2', // 2px
+    'border-4', // 4px
+    'border-8', // 8px
+  ],
+  borderColor: [
+    'none',
+    'border-white',
+    'border-black',
+
+    'border-slate-50',
+    'border-slate-100',
+    'border-slate-200',
+    'border-slate-300',
+    'border-slate-400',
+    'border-slate-500',
+    'border-slate-600',
+    'border-slate-700',
+    'border-slate-800',
+    'border-slate-900',
+
+    'border-gray-50',
+    'border-gray-100',
+    'border-gray-200',
+    'border-gray-300',
+    'border-gray-400',
+    'border-gray-500',
+    'border-gray-600',
+    'border-gray-700',
+    'border-gray-800',
+    'border-gray-900',
+
+    'border-zinc-50',
+    'border-zinc-100',
+    'border-zinc-200',
+    'border-zinc-300',
+    'border-zinc-400',
+    'border-zinc-500',
+    'border-zinc-600',
+    'border-zinc-700',
+    'border-zinc-800',
+    'border-zinc-900',
+
+    'border-neutral-50',
+    'border-neutral-100',
+    'border-neutral-200',
+    'border-neutral-300',
+    'border-neutral-400',
+    'border-neutral-500',
+    'border-neutral-600',
+    'border-neutral-700',
+    'border-neutral-800',
+    'border-neutral-900',
+
+    'border-stone-50',
+    'border-stone-100',
+    'border-stone-200',
+    'border-stone-300',
+    'border-stone-400',
+    'border-stone-500',
+    'border-stone-600',
+    'border-stone-700',
+    'border-stone-800',
+    'border-stone-900',
+
+    'border-red-50',
+    'border-red-100',
+    'border-red-200',
+    'border-red-300',
+    'border-red-400',
+    'border-red-500',
+    'border-red-600',
+    'border-red-700',
+    'border-red-800',
+    'border-red-900',
+
+    'border-orange-50',
+    'border-orange-100',
+    'border-orange-200',
+    'border-orange-300',
+    'border-orange-400',
+    'border-orange-500',
+    'border-orange-600',
+    'border-orange-700',
+    'border-orange-800',
+    'border-orange-900',
+
+    'border-amber-50',
+    'border-amber-100',
+    'border-amber-200',
+    'border-amber-300',
+    'border-amber-400',
+    'border-amber-500',
+    'border-amber-600',
+    'border-amber-700',
+    'border-amber-800',
+    'border-amber-900',
+
+    'border-yellow-50',
+    'border-yellow-100',
+    'border-yellow-200',
+    'border-yellow-300',
+    'border-yellow-400',
+    'border-yellow-500',
+    'border-yellow-600',
+    'border-yellow-700',
+    'border-yellow-800',
+    'border-yellow-900',
+
+    'border-lime-50',
+    'border-lime-100',
+    'border-lime-200',
+    'border-lime-300',
+    'border-lime-400',
+    'border-lime-500',
+    'border-lime-600',
+    'border-lime-700',
+    'border-lime-800',
+    'border-lime-900',
+
+    'border-green-50',
+    'border-green-100',
+    'border-green-200',
+    'border-green-300',
+    'border-green-400',
+    'border-green-500',
+    'border-green-600',
+    'border-green-700',
+    'border-green-800',
+    'border-green-900',
+
+    'border-emerald-50',
+    'border-emerald-100',
+    'border-emerald-200',
+    'border-emerald-300',
+    'border-emerald-400',
+    'border-emerald-500',
+    'border-emerald-600',
+    'border-emerald-700',
+    'border-emerald-800',
+    'border-emerald-900',
+
+    'border-teal-50',
+    'border-teal-100',
+    'border-teal-200',
+    'border-teal-300',
+    'border-teal-400',
+    'border-teal-500',
+    'border-teal-600',
+    'border-teal-700',
+    'border-teal-800',
+    'border-teal-900',
+
+    'border-cyan-50',
+    'border-cyan-100',
+    'border-cyan-200',
+    'border-cyan-300',
+    'border-cyan-400',
+    'border-cyan-500',
+    'border-cyan-600',
+    'border-cyan-700',
+    'border-cyan-800',
+    'border-cyan-900',
+
+    'border-sky-50',
+    'border-sky-100',
+    'border-sky-200',
+    'border-sky-300',
+    'border-sky-400',
+    'border-sky-500',
+    'border-sky-600',
+    'border-sky-700',
+    'border-sky-800',
+    'border-sky-900',
+
+    'border-blue-50',
+    'border-blue-100',
+    'border-blue-200',
+    'border-blue-300',
+    'border-blue-400',
+    'border-blue-500',
+    'border-blue-600',
+    'border-blue-700',
+    'border-blue-800',
+    'border-blue-900',
+
+    'border-indigo-50',
+    'border-indigo-100',
+    'border-indigo-200',
+    'border-indigo-300',
+    'border-indigo-400',
+    'border-indigo-500',
+    'border-indigo-600',
+    'border-indigo-700',
+    'border-indigo-800',
+    'border-indigo-900',
+
+    'border-violet-50',
+    'border-violet-100',
+    'border-violet-200',
+    'border-violet-300',
+    'border-violet-400',
+    'border-violet-500',
+    'border-violet-600',
+    'border-violet-700',
+    'border-violet-800',
+    'border-violet-900',
+
+    'border-purple-50',
+    'border-purple-100',
+    'border-purple-200',
+    'border-purple-300',
+    'border-purple-400',
+    'border-purple-500',
+    'border-purple-600',
+    'border-purple-700',
+    'border-purple-800',
+    'border-purple-900',
+
+    'border-fuchsia-50',
+    'border-fuchsia-100',
+    'border-fuchsia-200',
+    'border-fuchsia-300',
+    'border-fuchsia-400',
+    'border-fuchsia-500',
+    'border-fuchsia-600',
+    'border-fuchsia-700',
+    'border-fuchsia-800',
+    'border-fuchsia-900',
+
+    'border-pink-50',
+    'border-pink-100',
+    'border-pink-200',
+    'border-pink-300',
+    'border-pink-400',
+    'border-pink-500',
+    'border-pink-600',
+    'border-pink-700',
+    'border-pink-800',
+    'border-pink-900',
+
+    'border-rose-50',
+    'border-rose-100',
+    'border-rose-200',
+    'border-rose-300',
+    'border-rose-400',
+    'border-rose-500',
+    'border-rose-600',
+    'border-rose-700',
+    'border-rose-800',
+    'border-rose-900',
+  ],
+}
+
+export default tailwindBorderStyleWidthPlusColor

package/src/utils/builder/tailwind-font-sizes.ts

@@ -0,0 +1,76 @@
+interface TailwindFontSizes {
+  fontBase: string[]
+  fontDesktop: string[]
+  fontTablet: string[]
+  fontMobile: string[]
+}
+
+const tailwindFontSizes: TailwindFontSizes = {
+  // text-xs sm:text-2xl md:text-4xl lg:text-8xl
+  fontBase: [
+    'base:none',
+    'text-xs',
+    'text-sm',
+    'text-base',
+    'text-lg',
+    'text-xl',
+    'text-2xl',
+    'text-3xl',
+    'text-4xl',
+    'text-5xl',
+    'text-6xl',
+    'text-7xl',
+    'text-8xl',
+    'text-9xl',
+  ],
+  fontDesktop: [
+    'lg:none',
+    'lg:text-xs',
+    'lg:text-sm',
+    'lg:text-base',
+    'lg:text-lg',
+    'lg:text-xl',
+    'lg:text-2xl',
+    'lg:text-3xl',
+    'lg:text-4xl',
+    'lg:text-5xl',
+    'lg:text-6xl',
+    'lg:text-7xl',
+    'lg:text-8xl',
+    'lg:text-9xl',
+  ],
+  fontTablet: [
+    'md:none',
+    'md:text-xs',
+    'md:text-sm',
+    'md:text-base',
+    'md:text-lg',
+    'md:text-xl',
+    'md:text-2xl',
+    'md:text-3xl',
+    'md:text-4xl',
+    'md:text-5xl',
+    'md:text-6xl',
+    'md:text-7xl',
+    'md:text-8xl',
+    'md:text-9xl',
+  ],
+  fontMobile: [
+    'sm:none',
+    'sm:text-xs',
+    'sm:text-sm',
+    'sm:text-base',
+    'sm:text-lg',
+    'sm:text-xl',
+    'sm:text-2xl',
+    'sm:text-3xl',
+    'sm:text-4xl',
+    'sm:text-5xl',
+    'sm:text-6xl',
+    'sm:text-7xl',
+    'sm:text-8xl',
+    'sm:text-9xl',
+  ],
+}
+
+export default tailwindFontSizes

package/src/utils/builder/tailwind-font-styles.ts

@@ -0,0 +1,24 @@
+interface TailwindFontStyles {
+  fontWeight: string[]
+  fontFamily: string[]
+  fontStyle: string[]
+}
+
+const tailwindFontStyles: TailwindFontStyles = {
+  fontWeight: [
+    'none',
+    'font-thin',
+    'font-extralight',
+    'font-light',
+    'font-normal',
+    'font-medium',
+    'font-medium',
+    'font-bold',
+    'font-extrabold',
+    'font-black',
+  ],
+  fontFamily: ['none', 'font-sans', 'font-serif', 'font-mono'],
+  fontStyle: ['none', 'italic', 'non-italic'],
+}
+
+export default tailwindFontStyles

package/src/utils/builder/tailwind-opacities.ts

@@ -0,0 +1,45 @@
+interface TailwindOpacities {
+  opacities: string[]
+  backgroundOpacities: string[]
+}
+
+const tailwindOpacities: TailwindOpacities = {
+  opacities: [
+    'none',
+    'opacity-0',
+    'opacity-5',
+    'opacity-10',
+    'opacity-20',
+    'opacity-25',
+    'opacity-30',
+    'opacity-40',
+    'opacity-50',
+    'opacity-60',
+    'opacity-70',
+    'opacity-75',
+    'opacity-80',
+    'opacity-90',
+    'opacity-95',
+    'opacity-100',
+  ],
+  backgroundOpacities: [
+    'none',
+    'bg-opacity-0',
+    'bg-opacity-5',
+    'bg-opacity-10',
+    'bg-opacity-20',
+    'bg-opacity-25',
+    'bg-opacity-30',
+    'bg-opacity-40',
+    'bg-opacity-50',
+    'bg-opacity-60',
+    'bg-opacity-70',
+    'bg-opacity-75',
+    'bg-opacity-80',
+    'bg-opacity-90',
+    'bg-opacity-95',
+    'bg-opacity-100',
+  ],
+}
+
+export default tailwindOpacities

package/src/utils/builder/tailwind-padding-margin.ts

@@ -0,0 +1,159 @@
+interface TailwindPaddingMargin {
+  verticalPadding: string[]
+  horizontalPadding: string[]
+  verticalMargin: string[]
+  horizontalMargin: string[]
+}
+
+const tailwindPaddingAndMargin: TailwindPaddingMargin = {
+  verticalPadding: [
+    'none',
+    'py-0',
+    'py-0.5',
+    'py-1',
+    'py-1.5',
+    'py-2',
+    'py-2.5',
+    'py-3',
+    'py-3.5',
+    'py-4',
+    'py-5',
+    'py-6',
+    'py-7',
+    'py-8',
+    'py-9',
+    'py-10',
+    'py-11',
+    'py-12',
+    'py-14',
+    'py-16',
+    'py-20',
+    'py-24',
+    'py-28',
+    'py-32',
+    'py-36',
+    'py-40',
+    'py-44',
+    'py-48',
+    'py-52',
+    'py-56',
+    'py-60',
+    'py-64',
+    'py-72',
+    'py-80',
+    'py-96',
+  ],
+  horizontalPadding: [
+    'none',
+    'px-0',
+    'px-0.5',
+    'px-1',
+    'px-1.5',
+    'px-2',
+    'px-2.5',
+    'px-3',
+    'px-3.5',
+    'px-4',
+    'px-5',
+    'px-6',
+    'px-7',
+    'px-8',
+    'px-9',
+    'px-10',
+    'px-11',
+    'px-12',
+    'px-14',
+    'px-16',
+    'px-20',
+    'px-24',
+    'px-28',
+    'px-32',
+    'px-36',
+    'px-40',
+    'px-44',
+    'px-48',
+    'px-52',
+    'px-56',
+    'px-60',
+    'px-64',
+    'px-72',
+    'px-80',
+    'px-96',
+  ],
+  verticalMargin: [
+    'none',
+    'my-0',
+    'my-0.5',
+    'my-1',
+    'my-1.5',
+    'my-2',
+    'my-2.5',
+    'my-3',
+    'my-3.5',
+    'my-4',
+    'my-5',
+    'my-6',
+    'my-7',
+    'my-8',
+    'my-9',
+    'my-10',
+    'my-11',
+    'my-12',
+    'my-14',
+    'my-16',
+    'my-20',
+    'my-24',
+    'my-28',
+    'my-32',
+    'my-36',
+    'my-40',
+    'my-44',
+    'my-48',
+    'my-52',
+    'my-56',
+    'my-60',
+    'my-64',
+    'my-72',
+    'my-80',
+    'my-96',
+  ],
+  horizontalMargin: [
+    'none',
+    'mx-0',
+    'mx-0.5',
+    'mx-1',
+    'mx-1.5',
+    'mx-2',
+    'mx-2.5',
+    'mx-3',
+    'mx-3.5',
+    'mx-4',
+    'mx-5',
+    'mx-6',
+    'mx-7',
+    'mx-8',
+    'mx-9',
+    'mx-10',
+    'mx-11',
+    'mx-12',
+    'mx-14',
+    'mx-16',
+    'mx-20',
+    'mx-24',
+    'mx-28',
+    'mx-32',
+    'mx-36',
+    'mx-40',
+    'mx-44',
+    'mx-48',
+    'mx-52',
+    'mx-56',
+    'mx-60',
+    'mx-64',
+    'mx-72',
+    'mx-80',
+    'mx-96',
+  ],
+}
+
+export default tailwindPaddingAndMargin