spoko-design-system 0.2.90 → 0.2.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.2.90",
+  "version": "0.2.91",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",

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,9 +11,7 @@ export const theme = {
   ...typography,
   ...dimensions,
   ...effects,
-  gridTemplateColumns: {
-    ...gridTemplates.columns
-  },
+  gridTemplateColumn: gridTemplates.columns, 
   breakpoints,
   screens: breakpoints,
 };

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

@@ -72,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'],
 
   ];