@orangesk/cms-templates 1.0.0-beta.13 → 1.0.0-beta.14

package/build/shame.css

@@ -43,21 +43,28 @@
 .tiles {
   overflow-x: auto;
   flex-wrap: nowrap;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  max-width: 56.25rem;
 }
-.tiles .grid_col {
-  max-width: 7.5rem;
+@media screen and (max-width: 767.98px) {
+  .tiles {
+    padding-bottom: 0.375rem;
+  }
 }
 .tiles .tile__body {
   flex-direction: column;
   font-size: 1rem;
+  padding-left: 2.8125rem;
+  padding-right: 2.8125rem;
 }
-@media screen and (max-width: 991.98px) {
+@media screen and (max-width: 767.98px) {
   .tiles .tile__body {
     flex-direction: row;
-    padding: 1rem;
+    padding: 1rem !important;
   }
 }
-@media screen and (max-width: 991.98px) {
+@media screen and (max-width: 767.98px) {
   .tiles__icon {
     margin-right: 0.625rem;
   }
@@ -66,22 +73,29 @@
 @layer components {
   .plus-pill {
     position: absolute;
-    right: -2rem;
+    right: -2.625rem;
     z-index: 1;
     top: 33%;
     border-width: 1px !important;
   }
-  @media screen and (max-width: 991.98px) {
-    .plus-pill {
-      right: -2.625rem;
-    }
-  }
   @media screen and (max-width: 767.98px) {
     .plus-pill {
       right: -2.125rem;
     }
   }
 }
+.avatar-card__avatar {
+  height: auto;
+  width: 3rem;
+  border-radius: 100%;
+  object-fit: cover;
+  object-position: center;
+  aspect-ratio: 1/1;
+}
+.avatar-card--large .avatar-card__avatar {
+  width: 5rem;
+}
+
 @layer base {
   h1[id],
   h2[id],
@@ -134,4 +148,7 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-1 {
+    flex: 1;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangesk/cms-templates",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.14",
   "private": false,
   "type": "module",
   "files": [
@@ -21,24 +21,24 @@
   },
   "dependencies": {
     "@11ty/eleventy": "^3.1.2",
-    "@orangesk/orange-design-system": "2.0.0-beta.25",
+    "@orangesk/orange-design-system": "2.0.0-beta.29",
     "clsx": "^2.1.1",
-    "markdown-to-jsx": "9.3.3",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "markdown-to-jsx": "9.7.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "sass": "^1.97.3"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.3.3",
     "@jamshop/eleventy-plugin-mdx": "^0.0.17",
     "@mdx-js/mdx": "^3.1.1",
-    "@types/react": "^19.2.9",
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@typescript-eslint/parser": "^8.53.1",
+    "@types/react": "^19.2.14",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
     "eslint": "latest",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-mdx": "^3.6.2",
-    "eslint-plugin-unused-imports": "^4.3.0",
+    "eslint-plugin-unused-imports": "^4.4.1",
     "prettier": "^3.8.1",
     "tsx": "^4.21.0"
   },