spoko-design-system 1.1.1 → 1.1.3

package/src/styles/base/typography.css

@@ -1,70 +1,70 @@
 @font-face {
-    font-family: 'vw_textregular';
-    src: url('/fonts/vwtext-regular-webfont.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
+  font-family: 'vw_textregular';
+  src: url('/fonts/vwtext-regular-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-    font-family: 'vw_textbold';
-    src: url('/fonts/vwtext-bold-webfont.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: fallback;
+  font-family: 'vw_textbold';
+  src: url('/fonts/vwtext-bold-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
 }
 
 .font-vw-textbold {
-    font-family: 'vw_textbold';
-    font-display: fallback;
+  font-family: 'vw_textbold';
+  font-display: fallback;
 }
 
 @font-face {
-    font-family: 'vw_headbold';
-    src: url('/fonts/vwhead-bold-webfont.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: fallback;
+  font-family: 'vw_headbold';
+  src: url('/fonts/vwhead-bold-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
 }
 
 .font-vw-headbold {
-    font-family: 'vw_headbold' !important;
-    font-display: fallback;
+  font-family: 'vw_headbold' !important;
+  font-display: fallback;
 }
 
 @font-face {
-    font-family: 'vw_headregular';
-    src: url('/fonts/vwhead-regular-webfont.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: fallback;
+  font-family: 'vw_headregular';
+  src: url('/fonts/vwhead-regular-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
 }
 
 @font-face {
-    font-family: 'vw_headlight';
-    src: url('/fonts/vwhead-light-webfont.woff2') format('woff2'),;
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
+  font-family: 'vw_headlight';
+  src: url('/fonts/vwhead-light-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-    font-family: 'Nova Mono';
-    src: url('/fonts/nova-mono-v13-latin-regular.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap; 
+  font-family: 'Nova Mono';
+  src: url('/fonts/nova-mono-v13-latin-regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-    font-family: 'vw_textlight';
-    src: url('/fonts/vwtext-light-webfont.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
+  font-family: 'vw_textlight';
+  src: url('/fonts/vwtext-light-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 /* for some content which don't need to index in Google */
 [data-text]:before {
-    content: attr(data-text);
+  content: attr(data-text);
 }

package/src/styles/content.css

@@ -1,52 +1,53 @@
 .content {
   .main-section {
-    &>h1,
-    &>h2,
-    &>h3,
-    &>h4,
-    &>h5,
-    &>h6 {
+    & > h1,
+    & > h2,
+    & > h3,
+    & > h4,
+    & > h5,
+    & > h6 {
       margin-top: 1.77rem;
     }
-    &>h1 {
+    & > h1 {
       font-size: 22pt;
       font-weight: 400;
     }
-    &>h2 {
+    & > h2 {
       font-size: 17pt;
       font-weight: 500;
     }
-    &>h3 {
+    & > h3 {
       font-size: 15pt;
     }
-    &>h4 {
+    & > h4 {
       font-size: 13pt;
     }
 
-    &>ul {
-      @apply list-disc pl-5
+    & > ul {
+      @apply list-disc pl-5;
     }
   }
 
-  &>h1, 
-  &>h2,
-  &>h3,
-  &>h4,
-  &>h5 {
-      font-weight: bold;
-      @apply font-textbold;
+  & > h1,
+  & > h2,
+  & > h3,
+  & > h4,
+  & > h5 {
+    font-weight: bold;
+    @apply font-textbold;
   }
 
   code {
-    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
-      Consolas, "Liberation Mono", "Courier New", monospace;
+    font-family:
+      'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+      'Courier New', monospace;
   }
 
   .component-preview {
     @apply bg-blue-medium bg-opacity-5 px-4 py-4 mx-0 flex items-center overflow-x-auto sm:(p-8);
     gap: 1rem;
     border-radius: 0.33rem;
-    border: 1px solid theme("colors.slate.200");
+    border: 1px solid theme('colors.slate.200');
     resize: both;
   }
 
@@ -63,7 +64,8 @@ table {
     @apply border;
   }
 
-  td, th {
+  td,
+  th {
     @apply px-4 py-2;
   }
 

package/src/styles/main.css

@@ -1,7 +1,6 @@
-
 /* @import "variables"; */
-@import "base/typography";
-@import "base/base";
-@import "base/grid";
-  
-@import "content.css";
+@import 'base/typography';
+@import 'base/base';
+@import 'base/grid';
+
+@import 'content.css';

package/src/types/Product.ts

@@ -1,32 +1,32 @@
 export interface ProductImage {
-    path: string;
-  }
-  
-  export interface BaseProduct {
-    id: string | number;
-    number: string;
-    photo: string | null;
-    price_pln?: number;
-  }
-  
-  export interface ShopProduct extends BaseProduct {
-    images: ProductImage[];
-    slug: string;
-    name_pl: string;
-    name_en: string;
-  }
-  
-  export interface CatalogProduct extends BaseProduct {
-    photo: string | null;
-  }
-  
-  export type Product = ShopProduct | CatalogProduct;
-  
-  export interface ProductLinkProps {
-    productId: string;
-    bigTile?: boolean;
-    locale: string;
-    index?: number | null;
-    loading?: 'lazy' | 'eager';
-    isShopProduct?: boolean;
-  }
+  path: string;
+}
+
+export interface BaseProduct {
+  id: string | number;
+  number: string;
+  photo: string | null;
+  price_pln?: number;
+}
+
+export interface ShopProduct extends BaseProduct {
+  images: ProductImage[];
+  slug: string;
+  name_pl: string;
+  name_en: string;
+}
+
+export interface CatalogProduct extends BaseProduct {
+  photo: string | null;
+}
+
+export type Product = ShopProduct | CatalogProduct;
+
+export interface ProductLinkProps {
+  productId: string;
+  bigTile?: boolean;
+  locale: string;
+  index?: number | null;
+  loading?: 'lazy' | 'eager';
+  isShopProduct?: boolean;
+}

package/src/types/astro.d.ts

@@ -1,4 +1,4 @@
 declare module '*.astro' {
   const component: any;
   export default component;
-}
+}