spoko-design-system 1.20.0 → 1.21.0

package/uno-config/theme/shortcuts/index.ts

@@ -1,21 +1,21 @@
-// shortcuts/index.ts
-import type { UserShortcuts } from 'unocss'
-import { buttonShortcuts } from './buttons';
-import { layoutShortcuts } from './layout';
-import { componentShortcuts } from './components';
-import { productShortcuts } from './product';
-import { jumbotronShortcuts } from './jumbotron';
-import { inputShortcuts } from './inputs'; 
-
-const convertToShortcuts = (shortcuts: string[][]): UserShortcuts => {
-  return Object.fromEntries(shortcuts.map(([name, value]) => [name, value]));
-};
-
-export const shortcuts: UserShortcuts = {
-  ...convertToShortcuts(buttonShortcuts),
-  ...convertToShortcuts(layoutShortcuts),
-  ...convertToShortcuts(componentShortcuts),
-  ...convertToShortcuts(productShortcuts),
-  ...convertToShortcuts(jumbotronShortcuts),
-  ...convertToShortcuts(inputShortcuts),
+// shortcuts/index.ts
+import type { UserShortcuts } from 'unocss'
+import { buttonShortcuts } from './buttons';
+import { layoutShortcuts } from './layout';
+import { componentShortcuts } from './components';
+import { productShortcuts } from './product';
+import { jumbotronShortcuts } from './jumbotron';
+import { inputShortcuts } from './inputs'; 
+
+const convertToShortcuts = (shortcuts: string[][]): UserShortcuts => {
+  return Object.fromEntries(shortcuts.map(([name, value]) => [name, value]));
+};
+
+export const shortcuts: UserShortcuts = {
+  ...convertToShortcuts(buttonShortcuts),
+  ...convertToShortcuts(layoutShortcuts),
+  ...convertToShortcuts(componentShortcuts),
+  ...convertToShortcuts(productShortcuts),
+  ...convertToShortcuts(jumbotronShortcuts),
+  ...convertToShortcuts(inputShortcuts),
 };

package/uno-config/theme/shortcuts/jumbotron.ts

@@ -1,71 +1,71 @@
-// shortcuts/jumbotron.ts
-// import { COLORS, LAYOUT, TRANSITIONS, IMAGE_STYLES } from './constants'
-import { breakpoints } from './../breakpoints';
-
-export const jumbotronShortcuts = [
-  // Default variant
-  ['jumbotron-header-base', 'relative mx-auto my-auto w-full text-center py-8'],
-  ['jumbotron-container-small', 'md:min-h-xs sm:py-12 md:py-14 lg:py-16 xl:py-20'],
-  ['jumbotron-container-large', 'md:min-h-md sm:py-16 md:py-20 lg:py-28 xl:py-32'],
-  [
-    'jumbotron-title-default',
-    'text-3xl headline-light text-white sm:(text-4xl pt-0) md:text-5xl lg:text-6xl',
-  ],
-  ['jumbotron-cta-wrapper', 'mt-5 sm:(mt-8 flex justify-center)'],
-
-  // Hero variant
-  ['jumbotron-hero-wrapper', 'relative w-full'],
-  ['jumbotron-hero-image', 'absolute inset-0 w-full h-full'],
-  ['jumbotron-hero-overlay', 'absolute inset-0 bg-gradient-to-r from-blue-900 to-transparent opacity-90 z-1'],
-  [
-    'jumbotron-hero-container',
-    'xl:container mx-auto px-3.5 md:px-8 py-8 h-56 sm:h-72 md:max-h-72 items-center flex',
-  ],
-  ['jumbotron-hero-header', 'relative z-10 text-white'],
-  [
-    'jumbotron-hero-title',
-    'font-headlight text-3xl sm:text-4xl md:text-5xl xl:text-6xl mt-1 line-clamp-3 leading-tight',
-  ],
-
-  // Post variant
-  ['jumbotron-post-header', 'post-header pt-11 w-full justify-center text-white z-2 relative'],
-  [
-    'jumbotron-post-heading',
-    'heading text-white relative flex items-center justify-center mt-auto w-full z-[2]',
-  ],
-  [
-    'jumbotron-post-container',
-    `w-full sm:max-w-[${breakpoints.sm}] md:max-w-3xl lg:max-w-5xl xl:max-w-7xl 2xl:max-w-[${breakpoints['2xl']}] px-4 py-5 flex flex-col flex-wrap`,
-  ],
-  [
-    'jumbotron-post-title',
-    'font-headlight text-2xl mb-1 sm:text-3xl md:(text-4xl mb-3) xl:text-6xl mt-1 order-2 line-clamp-3 pb-1',
-  ],
-
-  // Metadata and categories
-  ['jumbotron-meta', 'order-3 flex items-center text-gray-100'],
-  ['jumbotron-categories', 'order-1 mt-4'],
-
-  // Content styles
-  ['jumbotron-description', 'mb-1 line-clamp-3 text-base sm:text-lg leading-tight'],
-  ['jumbotron-info', 'font-medium mb-4 line-clamp-1 text-base sm:text-lg mt-2'],
-
-  // Post Split variant
-  ['jumbotron-split-wrapper', 'w-full'],
-  ['jumbotron-split-container', 'xl:container mx-auto px-3.5 md:px-0'],
-  ['jumbotron-split-header', 'w-full justify-center text-white z-2 mt-auto md:(grid grid-cols-2) pb-4 mb-8'],
-  ['jumbotron-split-header-wide', 'md:grid-cols-[2fr_1fr]'],
-  ['jumbotron-split-header-slim', 'pb-2 mb-4'],
-  ['jumbotron-split-content', 'pl-4 pr-8 py-5 xl:(py-0 pl-0) flex flex-wrap'],
-  ['jumbotron-split-content-slim', 'py-3 xl:py-0'],
-  [
-    'jumbotron-split-title',
-    'font-headlight text-3xl md:(text-4xl mb-3) xl:text-11 mt-1 order-2 line-clamp-3 pb-1 w-full',
-  ],
-  ['jumbotron-split-meta', 'order-3 flex items-center text-gray-100'],
-  ['jumbotron-split-image-wrapper', 'relative -mb-8 md:mt-4'],
-  ['jumbotron-split-image-wrapper-slim', '-mb-4 md:mt-2'],
-  ['jumbotron-split-image', 'relative shadow-xl md:max-h-112 overflow-hidden'],
-  ['jumbotron-split-image-slim', 'md:max-h-72'],
-  ['jumbotron-split-img', 'object-cover'],
-];
+// shortcuts/jumbotron.ts
+// import { COLORS, LAYOUT, TRANSITIONS, IMAGE_STYLES } from './constants'
+import { breakpoints } from './../breakpoints';
+
+export const jumbotronShortcuts = [
+  // Default variant
+  ['jumbotron-header-base', 'relative mx-auto my-auto w-full text-center py-8'],
+  ['jumbotron-container-small', 'md:min-h-xs sm:py-12 md:py-14 lg:py-16 xl:py-20'],
+  ['jumbotron-container-large', 'md:min-h-md sm:py-16 md:py-20 lg:py-28 xl:py-32'],
+  [
+    'jumbotron-title-default',
+    'text-3xl headline-light text-white sm:(text-4xl pt-0) md:text-5xl lg:text-6xl',
+  ],
+  ['jumbotron-cta-wrapper', 'mt-5 sm:(mt-8 flex justify-center)'],
+
+  // Hero variant
+  ['jumbotron-hero-wrapper', 'relative w-full'],
+  ['jumbotron-hero-image', 'absolute inset-0 w-full h-full'],
+  ['jumbotron-hero-overlay', 'absolute inset-0 bg-gradient-to-r from-blue-900 to-transparent opacity-90 z-1'],
+  [
+    'jumbotron-hero-container',
+    'xl:container mx-auto px-3.5 md:px-8 py-8 h-56 sm:h-72 md:max-h-72 items-center flex',
+  ],
+  ['jumbotron-hero-header', 'relative z-10 text-white'],
+  [
+    'jumbotron-hero-title',
+    'font-headlight text-3xl sm:text-4xl md:text-5xl xl:text-6xl mt-1 line-clamp-3 leading-tight',
+  ],
+
+  // Post variant
+  ['jumbotron-post-header', 'post-header pt-11 w-full justify-center text-white z-2 relative'],
+  [
+    'jumbotron-post-heading',
+    'heading text-white relative flex items-center justify-center mt-auto w-full z-[2]',
+  ],
+  [
+    'jumbotron-post-container',
+    `w-full sm:max-w-[${breakpoints.sm}] md:max-w-3xl lg:max-w-5xl xl:max-w-7xl 2xl:max-w-[${breakpoints['2xl']}] px-4 py-5 flex flex-col flex-wrap`,
+  ],
+  [
+    'jumbotron-post-title',
+    'font-headlight text-2xl mb-1 sm:text-3xl md:(text-4xl mb-3) xl:text-6xl mt-1 order-2 line-clamp-3 pb-1',
+  ],
+
+  // Metadata and categories
+  ['jumbotron-meta', 'order-3 flex items-center text-gray-100'],
+  ['jumbotron-categories', 'order-1 mt-4'],
+
+  // Content styles
+  ['jumbotron-description', 'mb-1 line-clamp-3 text-base sm:text-lg leading-tight'],
+  ['jumbotron-info', 'font-medium mb-4 line-clamp-1 text-base sm:text-lg mt-2'],
+
+  // Post Split variant
+  ['jumbotron-split-wrapper', 'w-full'],
+  ['jumbotron-split-container', 'xl:container mx-auto px-3.5 md:px-0'],
+  ['jumbotron-split-header', 'w-full justify-center text-white z-2 mt-auto md:(grid grid-cols-2) pb-4 mb-8'],
+  ['jumbotron-split-header-wide', 'md:grid-cols-[2fr_1fr]'],
+  ['jumbotron-split-header-slim', 'pb-2 mb-4'],
+  ['jumbotron-split-content', 'pl-4 pr-8 py-5 xl:(py-0 pl-0) flex flex-wrap'],
+  ['jumbotron-split-content-slim', 'py-3 xl:py-0'],
+  [
+    'jumbotron-split-title',
+    'font-headlight text-3xl md:(text-4xl mb-3) xl:text-11 mt-1 order-2 line-clamp-3 pb-1 w-full',
+  ],
+  ['jumbotron-split-meta', 'order-3 flex items-center text-gray-100'],
+  ['jumbotron-split-image-wrapper', 'relative -mb-8 md:mt-4'],
+  ['jumbotron-split-image-wrapper-slim', '-mb-4 md:mt-2'],
+  ['jumbotron-split-image', 'relative shadow-xl md:max-h-112 overflow-hidden'],
+  ['jumbotron-split-image-slim', 'md:max-h-72'],
+  ['jumbotron-split-img', 'object-cover'],
+];

package/uno-config/theme/shortcuts/layout.ts

@@ -1,75 +1,75 @@
-// shortcuts/layout.ts
-import { 
-  COLORS, 
-  LAYOUT, 
-  IMAGE_STYLES, 
-  TYPOGRAPHY,
-  TRANSITIONS,
-  aspectRatios 
-} from './constants'
-
-// Generate image shortcuts dynamically
-const imageShortcuts = Object.entries(aspectRatios).map(([ratio, aspect]) => [
-  `img--${ratio}`,
-  `${aspect} ${IMAGE_STYLES.base}`
-])
-
-export const layoutShortcuts = [
-  
-  // Headers and Banners
-  ['headline', TYPOGRAPHY.headline.bold],
-  ['headline-light', TYPOGRAPHY.headline.light],
-  ['slimbanner', `px-4 sm:px-8 ${LAYOUT.flex.center} text-xs sm:text-base leading-none ${LAYOUT.position.relative} bg-gray-50 z-2 px-4 py-3 sm:(text-base px-8) text-blue-darker print-hidden`],
-
-
-  // Main Layout
-  ['l-main', `text-slate-dark ${LAYOUT.spacing.topPadding} ${COLORS.bgWhite}`],
-  ['main', `text-slate-dark ${COLORS.textNeutralLight} ${COLORS.bgDark} ${LAYOUT.spacing.topPadding} ${LAYOUT.position.relative}`],
-  ['nav', `${COLORS.bgWhite} ${COLORS.bgDark} ${LAYOUT.position.absolute} sm:fixed w-full top-0 z-41 mx-auto ${LAYOUT.spacing.containerPadding} pt-1 h-24 ${LAYOUT.flex.between} flex-wrap sm:(flex-nowrap pt-0 h-14) max-w-screen print-hidden`],
-
-  // View Toggles
-  ['view-grid', 'lg:flex-wrap'],
-  ['view-list', 'lg:flex-col divide-y-1 divide-solid divide-neutral-lighter'],
-
-  // Containers
-  ['products-container', 'products-wrapper'],
-  ['products-wrapper', `${LAYOUT.flex.wrap} ${COLORS.bgWhite} mb-4 w-full mb-auto md:(pl-4 px-2 -mt-3)`],
-  ['product-list', 'sm:block products-wrapper'],
-  ['products-grid', `${LAYOUT.flex.alignCenter} w-full flex-nowrap pr-4 md:grid grid-rows-1 overflow-hidden ${LAYOUT.grid.cols2} lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 max-h-[6rem]`],
-  ['similar-products', `${LAYOUT.flex.center} space-y-4 gap-8 flex-wrap px-4 md:grid ${LAYOUT.grid.cols2} lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5`],
-  ['similar-section', `${COLORS.bgWhite} w-full drop-shadow-xl`],
-  ['search-container', 'mb-2 sm:mb-0'],
-
-  // Category Menu
-  ['cat-menu', `fixed h-21 bottom-[-6px] w-full z-10 border-t-1 border-neutral-light ${COLORS.bgWhite} dark:bg-blue-darkest text-center sm:(static z-auto border-t-none h-28)`],
-  ['cat-card', 'p-4 text-base break-inside-avoid-column'],
-  ['cat-name', 'mt-2 h-[2em] text-xs leading-none group-hover:filter-invert 3xl:text-3.25'],
-  ['cats-slide', `${TRANSITIONS.base} pt-1 mb-0.5 min-h-tile-mobile sm:(min-h-tile h-tile mb-2 p-3) text-black ${COLORS.textNeutralLight} hover:(text-white even:bg-blue-medium odd:bg-accent-light) cursor-pointer ${LAYOUT.flex.colCenter} px-1.5 cursor-grab active:cursor-grabbing overflow-hidden`],
-  ['cats-img', `max-w-full h-8 md:h-icon ${IMAGE_STYLES.objectContain} w-full left-0 right-0 top-0 bottom-0`],
-
-  // Sidebars and Navigation
-  ['sidebar-title', `font-headregular text-accent-light text-xl md:(text-2xl px-4) mb-2 px-14 sm:px-3 ${LAYOUT.flex.center} sm:justify-start py-3`],
-  ['subcat', 'text-3.75 block cursor-pointer text-blue-darker hover:(text-accent-default underline) md:mb-1 py-2 md:py-0'],
-  ['subsubcat', 'pl-2'],
-
-  // Headers and Banners
-  ['headline', TYPOGRAPHY.headline.base],        
-  ['headline-light', TYPOGRAPHY.headline.light], 
-  ['headline-bold', TYPOGRAPHY.headline.bold],
-  ['headline-light-bold', TYPOGRAPHY.headline.lightBold],
-  ['headline-light-thin', TYPOGRAPHY.headline.lightThin],
-  ['slimbanner', `px-4 sm:px-8 ${LAYOUT.flex.center} text-xs sm:text-base leading-none ${LAYOUT.position.relative} bg-gray-50 z-2 px-4 py-3 sm:(text-base px-8) text-blue-darker print-hidden`],
-
-  // Image Shortcuts
-  ...imageShortcuts,
-  ['img--small', `h-full w-60 sm:(w-22) xl:(w-30) ${IMAGE_STYLES.base}`],
-  ['img--medium', `h-full w-60 ${IMAGE_STYLES.base}`],
-
-  // Utility Classes
-  ['close-light', 'before:bg-white after:bg-white'],
-  ['close-dark', 'before:bg-black after:bg-black'],
-  ['colon-after', 'after:content-[":"]'],
-  ['adsbygoogle', 'w-full text-center'],
-  ['underline-on-hover', `${LAYOUT.position.relative} ${LAYOUT.flex.base} w-full ${COLORS.bgWhite} pb-1 after:absolute after:w-[calc(100%-1rem)] after:left-0 after:h-px after:top-[calc(100%-1px)] after:bottom-1 after:content-empty after:scale-x-0 after:transition-transform-300 after:origin-top-right hover:after:origin-top-left hover:after:scale-x-100`],
-  ['cat-link', `${TYPOGRAPHY.headline.bold} cursor-pointer text-accent-deepBlue ${COLORS.textNeutralLight} hover:(text-brand-secondary underline) uppercase py-2 md:py-0`],
-];
+// shortcuts/layout.ts
+import { 
+  COLORS, 
+  LAYOUT, 
+  IMAGE_STYLES, 
+  TYPOGRAPHY,
+  TRANSITIONS,
+  aspectRatios 
+} from './constants'
+
+// Generate image shortcuts dynamically
+const imageShortcuts = Object.entries(aspectRatios).map(([ratio, aspect]) => [
+  `img--${ratio}`,
+  `${aspect} ${IMAGE_STYLES.base}`
+])
+
+export const layoutShortcuts = [
+  
+  // Headers and Banners
+  ['headline', TYPOGRAPHY.headline.bold],
+  ['headline-light', TYPOGRAPHY.headline.light],
+  ['slimbanner', `px-4 sm:px-8 ${LAYOUT.flex.center} text-xs sm:text-base leading-none ${LAYOUT.position.relative} bg-gray-50 z-2 px-4 py-3 sm:(text-base px-8) text-blue-darker print-hidden`],
+
+
+  // Main Layout
+  ['l-main', `text-slate-dark ${LAYOUT.spacing.topPadding} ${COLORS.bgWhite}`],
+  ['main', `text-slate-dark ${COLORS.textNeutralLight} ${COLORS.bgDark} ${LAYOUT.spacing.topPadding} ${LAYOUT.position.relative}`],
+  ['nav', `${COLORS.bgWhite} ${COLORS.bgDark} ${LAYOUT.position.absolute} sm:fixed w-full top-0 z-41 mx-auto ${LAYOUT.spacing.containerPadding} pt-1 h-24 ${LAYOUT.flex.between} flex-wrap sm:(flex-nowrap pt-0 h-14) max-w-screen print-hidden`],
+
+  // View Toggles
+  ['view-grid', 'lg:flex-wrap'],
+  ['view-list', 'lg:flex-col divide-y-1 divide-solid divide-neutral-lighter'],
+
+  // Containers
+  ['products-container', 'products-wrapper'],
+  ['products-wrapper', `${LAYOUT.flex.wrap} ${COLORS.bgWhite} mb-4 w-full mb-auto md:(pl-4 px-2 -mt-3)`],
+  ['product-list', 'sm:block products-wrapper'],
+  ['products-grid', `${LAYOUT.flex.alignCenter} w-full flex-nowrap pr-4 md:grid grid-rows-1 overflow-hidden ${LAYOUT.grid.cols2} lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 max-h-[6rem]`],
+  ['similar-products', `${LAYOUT.flex.center} space-y-4 gap-8 flex-wrap px-4 md:grid ${LAYOUT.grid.cols2} lg:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5`],
+  ['similar-section', `${COLORS.bgWhite} w-full drop-shadow-xl`],
+  ['search-container', 'mb-2 sm:mb-0'],
+
+  // Category Menu
+  ['cat-menu', `fixed h-21 bottom-[-6px] w-full z-10 border-t-1 border-neutral-light ${COLORS.bgWhite} dark:bg-blue-darkest text-center sm:(static z-auto border-t-none h-28)`],
+  ['cat-card', 'p-4 text-base break-inside-avoid-column'],
+  ['cat-name', 'mt-2 h-[2em] text-xs leading-none group-hover:filter-invert 3xl:text-3.25'],
+  ['cats-slide', `${TRANSITIONS.base} pt-1 mb-0.5 min-h-tile-mobile sm:(min-h-tile h-tile mb-2 p-3) text-black ${COLORS.textNeutralLight} hover:(text-white even:bg-blue-medium odd:bg-accent-light) cursor-pointer ${LAYOUT.flex.colCenter} px-1.5 cursor-grab active:cursor-grabbing overflow-hidden`],
+  ['cats-img', `max-w-full h-8 md:h-icon ${IMAGE_STYLES.objectContain} w-full left-0 right-0 top-0 bottom-0`],
+
+  // Sidebars and Navigation
+  ['sidebar-title', `font-headregular text-accent-light text-xl md:(text-2xl px-4) mb-2 px-14 sm:px-3 ${LAYOUT.flex.center} sm:justify-start py-3`],
+  ['subcat', 'text-3.75 block cursor-pointer text-blue-darker hover:(text-accent-default underline) md:mb-1 py-2 md:py-0'],
+  ['subsubcat', 'pl-2'],
+
+  // Headers and Banners
+  ['headline', TYPOGRAPHY.headline.base],        
+  ['headline-light', TYPOGRAPHY.headline.light], 
+  ['headline-bold', TYPOGRAPHY.headline.bold],
+  ['headline-light-bold', TYPOGRAPHY.headline.lightBold],
+  ['headline-light-thin', TYPOGRAPHY.headline.lightThin],
+  ['slimbanner', `px-4 sm:px-8 ${LAYOUT.flex.center} text-xs sm:text-base leading-none ${LAYOUT.position.relative} bg-gray-50 z-2 px-4 py-3 sm:(text-base px-8) text-blue-darker print-hidden`],
+
+  // Image Shortcuts
+  ...imageShortcuts,
+  ['img--small', `h-full w-60 sm:(w-22) xl:(w-30) ${IMAGE_STYLES.base}`],
+  ['img--medium', `h-full w-60 ${IMAGE_STYLES.base}`],
+
+  // Utility Classes
+  ['close-light', 'before:bg-white after:bg-white'],
+  ['close-dark', 'before:bg-black after:bg-black'],
+  ['colon-after', 'after:content-[":"]'],
+  ['adsbygoogle', 'w-full text-center'],
+  ['underline-on-hover', `${LAYOUT.position.relative} ${LAYOUT.flex.base} w-full ${COLORS.bgWhite} pb-1 after:absolute after:w-[calc(100%-1rem)] after:left-0 after:h-px after:top-[calc(100%-1px)] after:bottom-1 after:content-empty after:scale-x-0 after:transition-transform-300 after:origin-top-right hover:after:origin-top-left hover:after:scale-x-100`],
+  ['cat-link', `${TYPOGRAPHY.headline.bold} cursor-pointer text-accent-deepBlue ${COLORS.textNeutralLight} hover:(text-brand-secondary underline) uppercase py-2 md:py-0`],
+];

package/uno-config/theme/typography.ts

@@ -1,30 +1,30 @@
-// theme/typography.ts
-interface FontFamily {
-    [key: string]: string[];
-  }
-  
-  interface FontSize {
-    [key: string]: string;
-  }
-  
-  interface Typography {
-    fontFamily: FontFamily;
-    fontSize: FontSize;
-  }
-  
-  export const typography: Typography = {
-    fontFamily: {
-      sans: ['vw_textregular', 'system-ui', 'ui-sans-serif'],
-      novamono: ['Nova Mono'],
-      mono: ['Nova Mono'],
-      headlight: ['vw_headlight', 'system-ui'],
-      headregular: ['vw_headregular'],
-      headbold: ['vw_headbold'],
-      textlight: ['vw_textlight'],
-      textregular: ['vw_textregular'],
-      textbold: ['vw_textbold']
-    },
-    fontSize: {
-      xxs: '.625rem',
-    }
+// theme/typography.ts
+interface FontFamily {
+    [key: string]: string[];
+  }
+  
+  interface FontSize {
+    [key: string]: string;
+  }
+  
+  interface Typography {
+    fontFamily: FontFamily;
+    fontSize: FontSize;
+  }
+  
+  export const typography: Typography = {
+    fontFamily: {
+      sans: ['vw_textregular', 'system-ui', 'ui-sans-serif'],
+      novamono: ['Nova Mono'],
+      mono: ['Nova Mono'],
+      headlight: ['vw_headlight', 'system-ui'],
+      headregular: ['vw_headregular'],
+      headbold: ['vw_headbold'],
+      textlight: ['vw_textlight'],
+      textregular: ['vw_textregular'],
+      textbold: ['vw_textbold']
+    },
+    fontSize: {
+      xxs: '.625rem',
+    }
   };

package/uno.config.ts

@@ -1,3 +1,3 @@
-import { createSdsConfig } from './uno-config';
-
+import { createSdsConfig } from './uno-config';
+
 export default createSdsConfig();