spoko-design-system 0.2.7 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +5 -5
  2. package/uno.config.ts +6 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spoko-design-system",
3
- "version": "0.2.7",
3
+ "version": "0.2.8",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "astro dev",
@@ -51,9 +51,9 @@
51
51
  "@iconify-json/ph": "^1.1.11",
52
52
  "@iconify-json/simple-icons": "^1.1.91",
53
53
  "@iconify-json/uil": "^1.1.8",
54
- "@iconify/json": "^2.2.182",
54
+ "@iconify/json": "^2.2.183",
55
55
  "@iconify/vue": "^4.1.1",
56
- "@types/node": "^20.11.17",
56
+ "@types/node": "^20.11.19",
57
57
  "@unocss/astro": "^0.58.5",
58
58
  "@unocss/preset-attributify": "^0.58.5",
59
59
  "@unocss/preset-typography": "^0.58.5",
@@ -76,12 +76,12 @@
76
76
  "sass": "^1.70.0",
77
77
  "swiper": "^11.0.6",
78
78
  "unocss": "^0.58.5",
79
- "vite": "^5.1.1",
79
+ "vite": "^5.1.3",
80
80
  "vue": "^3.4.19"
81
81
  },
82
82
  "devDependencies": {
83
83
  "@unocss/transformer-variant-group": "^0.58.5",
84
- "astro": "^4.3.6",
84
+ "astro": "^4.4.0",
85
85
  "unocss": "^0.58.3"
86
86
  },
87
87
  "packageManager": "pnpm@8.15.2",
package/uno.config.ts CHANGED
@@ -51,7 +51,7 @@ export default defineConfig({
51
51
  ['btn-secondary-outline', 'border-gray-500 border text-gray-500 font-medium inline-flex items-center justify-center shadow text-base hover:(text-white bg-gray-500)'],
52
52
  ['btn-tertiary', 'inline-flex border border-transparent items-center font-medium text-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300'],
53
53
  ['btn-tertiary-outline', 'inline-flex border items-center font-medium text-center text-blue-700 border-blue-700 transition-all hover:(bg-blue-700 text-white) focus:ring-4 focus:outline-none focus:ring-blue-300 '],
54
- ['btn-text', 'text-gray-400 border border-transparent hover:underline transition-all'],
54
+ ['btn-text', 'text-gray-500 border border-transparent hover:underline transition-all'],
55
55
  ['btn-tag', 'bg-blue-100 text-blue-800 font-medium mr-2 dark:bg-gray-700 dark:text-blue-400 border border-blue-400 hover:border-blue-600 justify-center'],
56
56
  ['btn-normal', 'md:px-10 md:py-2 md:text-lg px-8 py-3 whitespace-nowrap'],
57
57
  ['btn-sm', 'px-6 py-2 text-sm whitespace-nowrap '],
@@ -62,7 +62,7 @@ export default defineConfig({
62
62
  ['cat-menu','fixed bottom-[-4px] w-full z-10 border-t-1 border-gray-300 bg-white dark:bg-blue-900 text-center sm:(static z-auto border-t-none) sm:min-h-32'],
63
63
  ['cats-slide','transition duration-300 ease-linear mb-0.5 min-h-tile-mobile sm:(min-h-tile h-tile mb-2 p-3) text-black dark:text-white hover:(text-white even:bg-blue-600 odd:bg-lightBlue-500) cursor-pointer flex items-center flex-col justify-center transition ease-in-out duration-700 px-1.5 cursor-grab active:cursor-grabbing overflow-hidden'],
64
64
  ['cats-img','w-full h-8 md:h-icon group-hover:filter-invert dark:filter-invert relative'],
65
- ['subcat', 'whitespace-nowrap cursor-pointer text-light-blue-600 dark:text-lightBlue-500 hover:text-lightBlue-600 font-light mb-1 py-2 md:py-0'],
65
+ ['subcat', 'cursor-pointer text-light-blue-700 hover:text-lightBlue-600 font-light mb-1 py-2 md:py-0'],
66
66
  ['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'],
67
67
  ['product-row__photo','aspect-ratio-[4/3] 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-gray-100 md:(col-span-1 row-span-1) box-content'], //filter drop-shadow-sm
68
68
  ['product-row__description', 'text-xs text-gray-900 leading-tight mt-2 font-textlight line-clamp-3 whitespace-normal md:(text-sm mt-0 font-textregular whitespace-pre-wrap)'],
@@ -76,7 +76,7 @@ export default defineConfig({
76
76
  ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
77
77
  ['icon-btn', 'text-[0.9em] inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:(opacity-100 text-teal-600)'],
78
78
  ['sidebar-title','font-headregular text-light-blue-500 text-xl md:(text-2xl px-4) mb-2 px-14 sm:px-3 flex items-center justify-center sm:justify-start py-3'],
79
- ['product-info','text-gray-400 text-xxs font-textlight leading-none mt-0.5 md:(mt-0 text-xs)'],
79
+ ['product-info','text-gray-500 text-xxs font-textlight leading-none mt-0.5 md:(mt-0 text-xs)'],
80
80
  ['product-button', 'text-blue-500 cursor-pointer text-base leading-none inline-flex items-center justify-center w-8 h-8 min-w-8 transition-colors duration-150 bg-white dark:bg-blue-901 focus:(text-blue-500) hover:(text-blue-500)'],
81
81
  ['pdp-headline','text-2xl sm:text-4xl 2xl:text-5xl font-headlight mb-6 font-bold sm:font-normal pr-7 lg:pr-0 pt-0 leading-none'],
82
82
  ['pdp-detail-row','text-sm mt-1 md:mt-4 mb-4 grid grid-cols-2 sm:(grid-cols-details-desktop grid-flow-col auto-cols-max) gap-4'],
@@ -94,7 +94,7 @@ export default defineConfig({
94
94
  ['cat-link','whitespace-nowrap cursor-pointer text-blue-901 dark:text-white hover:text-lightBlue-400 font-light uppercase py-2 md:py-0'],
95
95
  ['plp-name','flex items-center leading-none font-headregular cursor-pointer sm:pr-6 md:pr-12'],
96
96
  ['plp-replacements','col-span-3 md:col-span-1 md:col-start-2 text-xs mt-3 md:mt-4'],
97
- ['product-code','text-blue-500 dark:text-lightBlue-500 mr-1 leading-none tracking-wide select-all '],
97
+ ['product-code','text-blue-600 mr-1 leading-none tracking-wide select-all'],
98
98
  ['code-formatted','font-novamono leading-none mt-0 relative text-xs'],
99
99
  ['btn-copy', 'leading-none opacity-10 hover:opacity-80 ml-auto w-6 h-6 -right-7 sm:(h-4 w-4 -right-5) absolute'],
100
100
  ['btn-copy-text','shadow-sm py-0.5 px-1 bg-gray-100 -ml-1 -mt-4 text-xxs whitespace-nowrap'],
@@ -108,7 +108,7 @@ export default defineConfig({
108
108
  ['search-container', 'mb-2 sm:mb-0'],
109
109
  ['l-main', 'text-gray-700 dark:text-gray-200 pt-24 sm:pt-14 bg-white dark:bg-blue-901'],
110
110
  ['category-section', 'pb-4 w-full bg-white mb-4 overflow-x-hidden flex flex-wrap max-w-full'],
111
- ['number-secondary', 'block absolute inset-0 text-gray-400 select-all bg-white dark:bg-blue-901'],
111
+ ['number-secondary', 'block absolute inset-0 text-gray-500 select-all bg-white dark:bg-blue-901'],
112
112
  ['product-list', 'flex flex-wrap sm:block bg-white dark:bg-blue-901 sm:divide-y-1 sm:divide-solid divide-gray-200 dark:divide-white dark:divide-opacity-10 md:px-2 md:pl-4 mb-4 w-full bg-gray-100 dark:bg-gray-700 mb-auto'],
113
113
  ['btn-prcode', 'relative inline-block text-center leading-none px-1 py-0.5 mr-1 cursor-pointer font-mono border-solid border-1 border-gray-200 select-none text-gray-500 last:mr-0 not-last:mr-2 not-last:after:content-[+] after:(text-blue-700 absolute w-4 pl-0.5)']
114
114
  ],
@@ -116,6 +116,7 @@ export default defineConfig({
116
116
  colors: {
117
117
  blue: {
118
118
  500: '#3b82f6',
119
+ 550: '#0040c5',
119
120
  600: '#02307d',
120
121
  700: '#001e50',
121
122
  800: '#00437a',