@pallamart/pm-design-system 1.0.0

package/dist/styles/external/components/products/product-studio.css

@@ -0,0 +1,213 @@
+.pm-external-breadcrumb {
+	@apply flex flex-wrap items-center gap-2 py-7 text-body-2 leading-none text-black;
+}
+
+.pm-external-breadcrumb-item {
+	@apply inline-flex items-center gap-2;
+}
+
+.pm-external-breadcrumb-link {
+	@apply hover:text-primary;
+}
+
+.pm-external-breadcrumb-separator {
+	@apply text-grey-dark;
+}
+
+.pm-external-viewer {
+	@apply relative h-[58vh] min-h-[480px] max-h-[720px] overflow-hidden rounded-[22px] bg-grey-light sm:h-[620px] lg:h-[680px];
+}
+
+.pm-external-viewer.fullscreen {
+	@apply fixed inset-0 z-50 h-screen w-screen max-h-none rounded-none;
+}
+
+.pm-external-viewer-product-arrow {
+	@apply absolute top-1/2 z-10 inline-flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full bg-white/85 text-black shadow-sm backdrop-blur transition-all duration-200 hover:bg-white hover:scale-105 sm:h-14 sm:w-14;
+}
+
+.pm-external-viewer-product-arrow.left {
+	@apply left-3 sm:left-6;
+}
+
+.pm-external-viewer-product-arrow.right {
+	@apply right-3 sm:right-6;
+}
+
+.pm-external-product-layout {
+	@apply grid gap-12 pb-12 lg:grid-cols-[minmax(0,1.02fr)_minmax(360px,0.92fr)] lg:items-start;
+}
+
+.pm-external-product-summary {
+	@apply max-w-[42rem] pt-1 lg:pt-2;
+}
+
+.pm-external-product-vendor {
+	@apply mb-3 text-body-2 text-grey-dark;
+}
+
+.pm-external-product-title {
+	@apply text-header-1-regular leading-tight text-black;
+}
+
+.pm-external-product-price {
+	@apply mt-8 text-header-3 leading-none text-black;
+}
+
+.pm-external-product-shipping {
+	@apply mt-4 text-body-1 leading-snug text-black;
+}
+
+.pm-external-product-shipping a {
+	@apply underline underline-offset-2;
+}
+
+.pm-external-product-installments {
+	@apply mt-2 text-body-2 leading-snug text-black;
+}
+
+.pm-external-product-size {
+	@apply mt-8;
+}
+
+.pm-external-product-size-label {
+	@apply text-body-1 text-black;
+}
+
+.pm-external-product-size-options {
+	@apply mt-5 flex flex-wrap gap-4;
+}
+
+.pm-external-size-button {
+	@apply inline-flex min-h-14 min-w-28 items-center justify-center rounded-full px-8 text-body-1 transition-colors sm:min-w-32;
+}
+
+.pm-external-size-button.active {
+	@apply bg-black text-white;
+}
+
+.pm-external-size-button.disabled {
+	@apply border border-grey/20 text-grey/30;
+}
+
+.pm-external-product-description {
+	@apply mt-7 text-body-1 leading-relaxed text-black;
+}
+
+.pm-external-cart-button {
+	@apply mt-8 inline-flex min-h-12 w-full items-center justify-center rounded-full bg-primary px-8 py-3 text-body-1 text-white transition-colors hover:bg-primary-hover;
+}
+
+.pm-external-room-tone {
+	@apply mt-8;
+}
+
+.pm-external-room-tone-header {
+	@apply mb-4 flex items-baseline justify-between gap-4;
+}
+
+.pm-external-room-tone-selected {
+	@apply inline-flex min-w-0 items-baseline;
+}
+
+.pm-external-room-tone-preview {
+	@apply hidden;
+}
+
+.pm-external-room-tone-title {
+	@apply text-body-1 text-black;
+}
+
+.pm-external-room-tone-value {
+	@apply truncate text-body-1 text-grey-dark;
+}
+
+.pm-external-room-tone-grid {
+	@apply flex max-w-[28rem] flex-wrap gap-3;
+}
+
+.pm-external-room-tone-swatch {
+	@apply inline-flex h-9 w-9 items-center justify-center rounded-full border border-grey/25 bg-white p-1 transition-colors hover:border-grey/70;
+}
+
+.pm-external-room-tone-swatch.active {
+	@apply border-black;
+}
+
+.pm-external-product-rail {
+	@apply pb-8 pt-12;
+}
+
+.pm-external-arrow-button {
+	@apply inline-flex h-10 w-10 items-center justify-center rounded-full text-header-2 leading-none text-black disabled:opacity-25;
+}
+
+.pm-external-product-grid {
+	@apply grid auto-cols-[minmax(250px,1fr)] grid-flow-col gap-5 overflow-x-auto pb-2 lg:grid-flow-row lg:grid-cols-4;
+	-ms-overflow-style: none;
+	scrollbar-width: none;
+}
+
+.pm-external-product-grid::-webkit-scrollbar {
+	display: none;
+}
+
+.pm-external-product-card {
+	@apply min-w-0 rounded-[24px] p-2 text-center transition-colors hover:bg-grey-light/70;
+}
+
+.pm-external-product-card.active {
+	@apply bg-grey-light;
+}
+
+.pm-external-product-card-media {
+	@apply block aspect-square overflow-hidden rounded-[18px] bg-grey-light;
+}
+
+.pm-external-product-card-image {
+	@apply h-full w-full object-cover;
+}
+
+.pm-external-product-card-vendor {
+	@apply mt-4 block px-2 text-body-2 text-grey;
+}
+
+.pm-external-product-card-title {
+	@apply mx-auto mt-2 block line-clamp-2 min-h-12 max-w-sm px-2 text-body-2 uppercase leading-snug text-black;
+}
+
+.pm-external-product-card-price {
+	@apply mt-2 block px-2 pb-2 text-body-2 text-black;
+}
+
+.studio-icon-button {
+	@apply inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-black/10 bg-white/95 text-black shadow-sm backdrop-blur transition-all duration-200;
+}
+
+.studio-icon-button:hover:not(:disabled) {
+	@apply border-black/25 bg-white text-primary;
+}
+
+.studio-icon-button:disabled {
+	@apply cursor-not-allowed opacity-30;
+}
+
+.studio-view-button {
+	@apply inline-flex h-10 w-11 items-center justify-center rounded-full transition-colors duration-200;
+}
+
+.studio-color-option {
+	@apply flex min-h-12 items-center gap-3 rounded-2xl border px-3 text-left transition-all duration-200;
+}
+
+.studio-product-item {
+	@apply w-[44vw] max-w-40 shrink-0 snap-start rounded-[22px] border border-grey/15 bg-white p-2.5 text-left transition-all duration-200 xs:w-40 sm:w-44;
+}
+
+.studio-product-item:hover {
+	@apply border-grey/50;
+}
+
+.studio-product-item.active {
+	@apply border-black shadow-sm;
+}

package/dist/styles/external/fonts/index.css

@@ -0,0 +1,2 @@
+@import url('poppins.css');
+@import url('raleway.css');

package/dist/styles/external/fonts/poppins.css

@@ -0,0 +1,4 @@
+@font-face {
+	font-family: Poppins;
+	src: url('/fonts/Poppins.ttf');
+}

package/dist/styles/external/fonts/raleway.css

@@ -0,0 +1,4 @@
+@font-face {
+	font-family: Raleway;
+	src: url('/fonts/Raleway.ttf');
+}

package/dist/styles/external/index/z-index.ts

@@ -0,0 +1,8 @@
+export enum ZIndex {
+	LayerBase = 'z-0',
+	LayerUpperBase = 'z-10',
+	LayerBaseHeader = 'z-20',
+	BaseOverlay = 'z-[29]',
+	LayerModal = 'z-30',
+	ModalOverlay = 'z-[39]',
+}

package/dist/styles/external.css

@@ -0,0 +1,39 @@
+@import url('external/components');
+@import url('external/fonts');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+	@apply font-raleway !outline-none !ring-0;
+}
+
+* :disabled {
+	@apply cursor-not-allowed;
+}
+
+*::-webkit-scrollbar {
+	@apply w-1 h-1;
+}
+
+[class]:not(.scrollbars-green)::-webkit-scrollbar-thumb {
+	@apply bg-primary rounded-md;
+}
+
+*::-webkit-scrollbar-track {
+	@apply bg-transparent;
+}
+
+.scrollbars-green::-webkit-scrollbar-thumb {
+	@apply !bg-green;
+}
+
+.scrollbars-none::-webkit-scrollbar {
+	display: none;
+}
+
+.scrollbars-none {
+	-ms-overflow-style: none;
+	scrollbar-width: none;
+}

package/dist/styles/fonts/index.css

@@ -0,0 +1,2 @@
+@import url('poppins.css');
+@import url('raleway.css');

package/dist/styles/fonts/poppins.css

@@ -0,0 +1,4 @@
+@font-face {
+	font-family: Poppins;
+	src: url('/fonts/Poppins.ttf');
+}

package/dist/styles/fonts/raleway.css

@@ -0,0 +1,4 @@
+@font-face {
+	font-family: Raleway;
+	src: url('/fonts/Raleway.ttf');
+}

package/dist/styles/index/z-index.ts

@@ -0,0 +1,8 @@
+export enum ZIndex {
+	LayerBase = 'z-0',
+	LayerUpperBase = 'z-10',
+	LayerBaseHeader = 'z-20',
+	BaseOverlay = 'z-[29]',
+	LayerModal = 'z-30',
+	ModalOverlay = 'z-[39]',
+}

package/dist/styles/index.css

@@ -0,0 +1,40 @@
+@import url('components');
+@import url('fonts');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+	@apply font-poppins !outline-none !ring-0;
+}
+
+* :disabled {
+	@apply cursor-not-allowed;
+}
+
+/* WebKit Styles */
+*::-webkit-scrollbar {
+	@apply w-1 h-1;
+}
+
+[class]:not(.scrollbars-green)::-webkit-scrollbar-thumb {
+	@apply bg-primary rounded-md;
+}
+
+*::-webkit-scrollbar-track {
+	@apply bg-transparent;
+}
+
+.scrollbars-green::-webkit-scrollbar-thumb {
+	@apply !bg-green;
+}
+
+.scrollbars-none::-webkit-scrollbar {
+	display: none;
+}
+
+.scrollbars-none {
+	-ms-overflow-style: none;
+	scrollbar-width: none;
+}

package/dist/styles/internal.css

@@ -0,0 +1,159 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+	:root {
+		--background: oklch(0.985 0 0);
+		--foreground: oklch(0.145 0 0);
+		--card: oklch(1 0 0);
+		--card-foreground: oklch(0.145 0 0);
+		--popover: oklch(1 0 0);
+		--popover-foreground: oklch(0.145 0 0);
+		--primary: oklch(0.18 0 0);
+		--primary-hover: oklch(0.24 0 0);
+		--primary-foreground: oklch(0.985 0 0);
+		--secondary: oklch(0.955 0 0);
+		--secondary-foreground: oklch(0.145 0 0);
+		--muted: oklch(0.965 0 0);
+		--muted-foreground: oklch(0.45 0 0);
+		--accent: oklch(0.965 0 0);
+		--accent-foreground: oklch(0.145 0 0);
+		--destructive: oklch(0.61 0.21 25);
+		--destructive-foreground: oklch(0.985 0 0);
+		--destructive-muted: oklch(0.95 0.035 25);
+		--warning: oklch(0.72 0.16 70);
+		--warning-foreground: oklch(0.28 0.06 58);
+		--warning-muted: oklch(0.96 0.045 82);
+		--success: oklch(0.59 0.13 150);
+		--success-foreground: oklch(0.22 0.06 150);
+		--success-muted: oklch(0.95 0.04 150);
+		--info: oklch(0.55 0.14 250);
+		--border: oklch(0.89 0 0);
+		--input: oklch(0.89 0 0);
+		--ring: oklch(0.145 0 0);
+		--chart-1: oklch(0.18 0 0);
+		--chart-2: oklch(0.35 0 0);
+		--chart-3: oklch(0.5 0 0);
+		--chart-4: oklch(0.7 0 0);
+		--chart-5: oklch(0.82 0 0);
+		--radius: 0.75rem;
+		--sidebar: oklch(0.99 0 0);
+		--sidebar-foreground: oklch(0.145 0 0);
+		--sidebar-primary: oklch(0.145 0 0);
+		--sidebar-primary-foreground: oklch(0.985 0 0);
+		--sidebar-accent: oklch(0.975 0 0);
+		--sidebar-accent-foreground: oklch(0.145 0 0);
+		--sidebar-border: oklch(0.9 0 0);
+		--sidebar-ring: oklch(0.145 0 0);
+	}
+
+	.dark {
+		--background: oklch(0.16 0.018 260);
+		--foreground: oklch(0.97 0.006 255);
+		--card: oklch(0.2 0.02 260);
+		--card-foreground: oklch(0.97 0.006 255);
+		--popover: oklch(0.2 0.02 260);
+		--popover-foreground: oklch(0.97 0.006 255);
+		--primary: oklch(0.72 0.16 286);
+		--primary-hover: oklch(0.78 0.14 286);
+		--primary-foreground: oklch(0.17 0.025 286);
+		--secondary: oklch(0.25 0.022 260);
+		--secondary-foreground: oklch(0.96 0.006 255);
+		--muted: oklch(0.25 0.022 260);
+		--muted-foreground: oklch(0.72 0.02 255);
+		--accent: oklch(0.28 0.05 286);
+		--accent-foreground: oklch(0.94 0.025 286);
+		--destructive: oklch(0.7 0.18 25);
+		--destructive-foreground: oklch(0.98 0.012 25);
+		--destructive-muted: oklch(0.28 0.07 25);
+		--warning: oklch(0.78 0.15 76);
+		--warning-foreground: oklch(0.22 0.055 58);
+		--warning-muted: oklch(0.28 0.06 76);
+		--success: oklch(0.72 0.13 150);
+		--success-foreground: oklch(0.18 0.05 150);
+		--success-muted: oklch(0.25 0.055 150);
+		--info: oklch(0.72 0.12 245);
+		--border: oklch(1 0 0 / 12%);
+		--input: oklch(1 0 0 / 16%);
+		--ring: oklch(0.72 0.16 286);
+		--chart-1: oklch(0.72 0.16 286);
+		--chart-2: oklch(0.72 0.12 245);
+		--chart-3: oklch(0.72 0.13 150);
+		--chart-4: oklch(0.78 0.15 76);
+		--chart-5: oklch(0.7 0.18 25);
+		--sidebar: oklch(0.19 0.018 260);
+		--sidebar-foreground: oklch(0.97 0.006 255);
+		--sidebar-primary: oklch(0.72 0.16 286);
+		--sidebar-primary-foreground: oklch(0.17 0.025 286);
+		--sidebar-accent: oklch(0.27 0.04 286);
+		--sidebar-accent-foreground: oklch(0.94 0.025 286);
+		--sidebar-border: oklch(1 0 0 / 12%);
+		--sidebar-ring: oklch(0.72 0.16 286);
+	}
+
+	* {
+		@apply border-border;
+	}
+
+	html {
+		@apply bg-background font-sans text-foreground antialiased;
+	}
+
+	body {
+		@apply min-h-screen bg-background text-foreground;
+		background-image: radial-gradient(circle at top, rgba(255, 255, 255, 0.9), transparent 34%);
+	}
+
+	button,
+	input,
+	select,
+	textarea {
+		font: inherit;
+	}
+
+	label {
+		@apply text-body-3 leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70;
+	}
+
+	input:not([type='hidden'], [type='checkbox'], [type='range']),
+	select {
+		@apply flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-body-3 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-body-3 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+	}
+
+	textarea {
+		@apply flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-body-3 shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+	}
+
+	input[type='checkbox'] {
+		@apply h-4 w-4 shrink-0 rounded-sm border border-input bg-background text-primary shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+	}
+}
+
+@layer utilities {
+	*::-webkit-scrollbar {
+		@apply h-1.5 w-1.5;
+	}
+
+	*::-webkit-scrollbar-thumb {
+		border-radius: 0.375rem;
+		background-color: color-mix(in oklch, var(--muted-foreground) 40%, transparent);
+	}
+
+	*::-webkit-scrollbar-track {
+		@apply bg-transparent;
+	}
+
+	.scrollbars-green::-webkit-scrollbar-thumb {
+		@apply !bg-success;
+	}
+
+	.scrollbars-none::-webkit-scrollbar {
+		display: none;
+	}
+
+	.scrollbars-none {
+		-ms-overflow-style: none;
+		scrollbar-width: none;
+	}
+}

package/dist/tailwind-preset.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from 'tailwindcss';
+export declare const PallamartTailwindPreset: Partial<Config>;

package/dist/tailwind-preset.js

@@ -0,0 +1,50 @@
+import { PallamartFontSize, PallamartMotion, PallamartScreens, PallamartSharedScale, } from './shared-tailwind-theme.js';
+export const PallamartTailwindPreset = {
+    theme: {
+        screens: PallamartScreens,
+        extend: {
+            ...PallamartSharedScale,
+            fontSize: PallamartFontSize,
+            fontFamily: {
+                raleway: ['Raleway'],
+                poppins: ['Poppins'],
+            },
+            colors: {
+                'primary': {
+                    DEFAULT: '#9346F2',
+                    hover: '#7B2EE6',
+                },
+                'error': '#ef4444',
+                'error-light': '#fecaca',
+                'error-contrast': '#dc2626',
+                'warning': '#f59e0b',
+                'warning-light': '#fde68a',
+                'warning-contrast': '#d97706',
+                'success': '#10b981',
+                'success-light': '#a7f3d0',
+                'success-contrast': '#059669',
+                'overlay': 'rgba(20, 26, 35, 0.64)',
+                'transparent': 'rgba(0, 0, 0, 0.0)',
+                'auth': {
+                    red: '#f25022',
+                    green: '#7fba00',
+                    blue: '#00a4ef',
+                    yellow: '#ffb900',
+                },
+                'black': '#1D1D20',
+                'blue': '#3b82f6',
+                'green': '#559B60',
+                'grey': {
+                    DEFAULT: '#64748b',
+                    light: '#f6f7f8',
+                    dark: '#334155',
+                },
+                'red': '#D63A2F',
+                'white': '#FFFFFF',
+                'yellow': '#eab308',
+            },
+            ...PallamartMotion,
+        },
+    },
+    plugins: [],
+};

package/dist/z-index.d.ts

@@ -0,0 +1,9 @@
+export declare enum PallamartZIndex {
+    LayerBase = "z-0",
+    LayerUpperBase = "z-10",
+    LayerBaseHeader = "z-20",
+    BaseOverlay = "z-[29]",
+    LayerModal = "z-30",
+    ModalOverlay = "z-[39]"
+}
+export { PallamartZIndex as ZIndex };

package/dist/z-index.js

@@ -0,0 +1,10 @@
+export var PallamartZIndex;
+(function (PallamartZIndex) {
+    PallamartZIndex["LayerBase"] = "z-0";
+    PallamartZIndex["LayerUpperBase"] = "z-10";
+    PallamartZIndex["LayerBaseHeader"] = "z-20";
+    PallamartZIndex["BaseOverlay"] = "z-[29]";
+    PallamartZIndex["LayerModal"] = "z-30";
+    PallamartZIndex["ModalOverlay"] = "z-[39]";
+})(PallamartZIndex || (PallamartZIndex = {}));
+export { PallamartZIndex as ZIndex };

package/package.json

@@ -0,0 +1,103 @@
+{
+	"name": "@pallamart/pm-design-system",
+	"version": "1.0.0",
+	"private": false,
+	"type": "module",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./tailwind-preset": {
+			"types": "./dist/tailwind-preset.d.ts",
+			"import": "./dist/tailwind-preset.js",
+			"default": "./dist/tailwind-preset.js"
+		},
+		"./shared-tailwind-theme": {
+			"types": "./dist/shared-tailwind-theme.d.ts",
+			"import": "./dist/shared-tailwind-theme.js",
+			"default": "./dist/shared-tailwind-theme.js"
+		},
+		"./styles.css": "./dist/styles/index.css",
+		"./external": {
+			"types": "./dist/external/index.d.ts",
+			"import": "./dist/external/index.js",
+			"default": "./dist/external/index.js"
+		},
+		"./external/tailwind-preset": {
+			"types": "./dist/external/tailwind-preset.d.ts",
+			"import": "./dist/external/tailwind-preset.js",
+			"default": "./dist/external/tailwind-preset.js"
+		},
+		"./external/styles.css": "./dist/styles/external.css",
+		"./internal": {
+			"types": "./dist/internal/index.d.ts",
+			"import": "./dist/internal/index.js",
+			"default": "./dist/internal/index.js"
+		},
+		"./internal/tailwind-preset": {
+			"types": "./dist/internal/tailwind-preset.d.ts",
+			"import": "./dist/internal/tailwind-preset.js",
+			"default": "./dist/internal/tailwind-preset.js"
+		},
+		"./internal/styles.css": "./dist/styles/internal.css"
+	},
+	"files": [
+		"/dist"
+	],
+	"scripts": {
+		"husky:prepare": "npx husky",
+		"build": "tsc && rm -rf dist/styles && cp -R src/styles dist/styles",
+		"setup:graphify": "sh scripts/graphify-setup.sh",
+		"update:graphify": "sh scripts/graphify-update.sh",
+		"lint": "npm run lint:eslint",
+		"lint:fix": "npm run lint:eslint:fix",
+		"format:check": "npx prettier --check --ignore-unknown \"src/**/*.{ts,css,json,md}\"",
+		"format:prettier": "npx prettier --write \"src/**/*.{ts,css,json,md}\"",
+		"lint:eslint": "npx eslint \"src/**/*.ts\"",
+		"lint:eslint:fix": "npx eslint --fix \"src/**/*.ts\"",
+		"release": "semantic-release"
+	},
+	"peerDependencies": {
+		"tailwindcss": "^3.4.0"
+	},
+	"devDependencies": {
+		"@commitlint/cli": "^20.1.0",
+		"@commitlint/config-conventional": "^20.0.0",
+		"@eslint/compat": "^2.0.0",
+		"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+		"@semantic-release/changelog": "^6.0.3",
+		"@semantic-release/commit-analyzer": "^13.0.0",
+		"@semantic-release/git": "^10.0.1",
+		"@semantic-release/github": "^11.0.1",
+		"@semantic-release/npm": "^12.0.0",
+		"@semantic-release/release-notes-generator": "^14.0.1",
+		"@types/node": "^20.19.11",
+		"@typescript-eslint/eslint-plugin": "^8.48.0",
+		"@typescript-eslint/parser": "^8.48.0",
+		"commitlint": "^20.1.0",
+		"conventional-changelog-conventionalcommits": "^7.0.2",
+		"eslint": "^9.39.1",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-import": "^2.32.0",
+		"eslint-plugin-prettier": "^5.5.4",
+		"husky": "^9.1.7",
+		"lint-staged": "^16.2.7",
+		"prettier": "^3.6.2",
+		"semantic-release": "^24.2.0",
+		"tailwindcss": "^3.4.19",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.9.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/pallamart/pm-design-system.git"
+	}
+}