spoko-design-system 0.2.89 → 0.2.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.2.89",
+  "version": "0.2.91",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -12,7 +12,7 @@
     },
     "./styles/*": "./src/styles/*",
     "./icons": "./icon.config.ts",
-    "./uno-config": "./src/uno-config/index.ts"
+    "./uno-config": "./uno-config/index.ts"
   },
   "scripts": {
     "dev": "astro dev",

package/uno-config/index.ts

@@ -33,6 +33,9 @@ export function createSdsConfig(customConfig: CustomConfig = {}) {
       ...theme,
       ...(customConfig.theme || {})
     },
+    safelist: [
+      'md:grid-cols-product'
+    ],
     presets: [
       presetUno(),
       presetAttributify(),

package/uno-config/theme/index.ts

@@ -11,7 +11,7 @@ export const theme = {
   ...typography,
   ...dimensions,
   ...effects,
-  gridTemplateColumns: gridTemplates.columns,
+  gridTemplateColumn: gridTemplates.columns, 
   breakpoints,
   screens: breakpoints,
 };

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

@@ -4,7 +4,9 @@ import { ASPECT_RATIO } from './constants'
 
 export const componentShortcuts = [
   // Product related
-  ['product-row', 'bg-white flex flex-wrap odd:(pr-2.5 pl-3.5 sm:px-0) even:(pl-2.5 pr-3.5 sm:px-0) w-1/2 sm:w-auto sm:grid sm:grid-cols-3 gap-x-1 gap-y-0 md:(grid-cols-product gap-x-4) justify-start content-start content-start place-content-start py-4 pb-6 sm:pb-4'],
+  ['product-row','bg-white flex flex-wrap odd:(pr-2.5 pl-3.5 sm:px-0) even:(pl-2.5 pr-3.5 sm:px-0) w-1/2 sm:(w-auto grid grid-cols-3) gap-x-1 gap-y-0 md:(grid-cols-product gap-x-4) justify-start content-start content-start  place-content-start py-4 pb-6 sm:pb-4'],
+
+
   ['product-row__photo', `${ASPECT_RATIO} mb-2 sm:mb-0 after:(content-empty bg-black bg-opacity-[.03] absolute w-full h-full top-0) w-100 col-span-1 row-span-3 max-w-full text-left overflow-hidden relative bg-neutral-lightest md:(col-span-1 row-span-1) box-content`],
   ['product-row__description', 'text-xs text-slate-darkest dark:text-neutral-light leading-tight mt-2 font-textlight line-clamp-3 whitespace-normal md:(text-sm mt-0 font-textregular whitespace-pre-wrap)'],
   ['product-row__main', 'w-full sm:w-auto col-span-2 leading-none relative sm:pl-1 md:(pl-0 row-start-1 col-start-2 col-span-1)'],
@@ -70,7 +72,7 @@ export const componentShortcuts = [
   ['slide-img', 'cursor-zoom-in my-auto z-50 h-full max-w-screen-2xl object-center object-contain pointer-events-none'],
   ['slide-pic', 'w-full flex justify-end absolute top-0 bottom-0'],
   ['slide-thumb', `block bg-gray-100 ${ASPECT_RATIO} w-30 h-22.5 cursor-grab active:cursor-grabbing`],
-  ['slide-thumb__img', 'pointer-events-none pb-px h-22.5 w-30 m-auto object-cover bg-white dark:bg-blue-901'],
+  ['slide-thumb__img', 'pointer-events-none pb-px h-22.5 w-30 m-auto object-cover bg-white dark:bg-accent-deepBlue'],
   ['product-carousel', 'flex-wrap content-between w-64 min-w-64 flex ml-1 first:ml-4'],
   ['pdp-slide', `h-full bg-gray-100 ${ASPECT_RATIO} relative overflow-hidden border border-transparent`],
   ['product-link', 'relative flex w-full bg-white after:(absolute bg-lightBlue-500 w-[calc(100%-1rem)] left-0 h-px top-[calc(100%-1px)] bottom-1 content-empty scale-x-0 transition-transform-300 origin-top-right) hover:after:(origin-top-left scale-x-100)'],

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

@@ -54,6 +54,6 @@ export const layoutShortcuts = [
     ['adsbygoogle', 'w-full text-center'],
 
     ['underline-on-hover', 'relative flex w-full bg-white pb-1 after:absolute after:bg-lightBlue-55000 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', 'cursor-pointer text-blue-901 dark:text-white hover:(text-lightBlue-400 underline) uppercase py-2 md:py-0'],
+    ['cat-link', 'cursor-pointer text-accent-deepBlue dark:text-white hover:(text-lightBlue-400 underline) uppercase py-2 md:py-0'],
 
   ];