@troychaplin/parlour-ui 0.1.0

package/dist/wordpress/theme-parlour.json

@@ -0,0 +1,581 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/theme.json",
+  "version": 3,
+  "settings": {
+    "color": {
+      "custom": false,
+      "customDuotone": false,
+      "customGradient": false,
+      "palette": [
+        {
+          "slug": "black",
+          "color": "#191919",
+          "name": "Black"
+        },
+        {
+          "slug": "white",
+          "color": "#ffffff",
+          "name": "White"
+        },
+        {
+          "slug": "accent-primary",
+          "color": "#a34f3e",
+          "name": "Accent Primary"
+        },
+        {
+          "slug": "accent-secondary",
+          "color": "#ca2135",
+          "name": "Accent Secondary"
+        },
+        {
+          "slug": "neutral-50",
+          "color": "#f9f7f3",
+          "name": "Neutral 50"
+        },
+        {
+          "slug": "neutral-100",
+          "color": "#f2f0ea",
+          "name": "Neutral 100"
+        },
+        {
+          "slug": "neutral-200",
+          "color": "#efeae2",
+          "name": "Neutral 200"
+        },
+        {
+          "slug": "neutral-300",
+          "color": "#e0d6c8",
+          "name": "Neutral 300"
+        },
+        {
+          "slug": "neutral-400",
+          "color": "#d8d5cf",
+          "name": "Neutral 400"
+        },
+        {
+          "slug": "neutral-500",
+          "color": "#8d7661",
+          "name": "Neutral 500"
+        },
+        {
+          "slug": "neutral-600",
+          "color": "#766051",
+          "name": "Neutral 600"
+        },
+        {
+          "slug": "neutral-700",
+          "color": "#5e4c42",
+          "name": "Neutral 700"
+        },
+        {
+          "slug": "neutral-800",
+          "color": "#51413a",
+          "name": "Neutral 800"
+        },
+        {
+          "slug": "neutral-900",
+          "color": "#473a35",
+          "name": "Neutral 900"
+        },
+        {
+          "slug": "neutral-950",
+          "color": "#271f1c",
+          "name": "Neutral 950"
+        }
+      ],
+      "gradients": [
+        {
+          "slug": "custom-white-to-neutral-50",
+          "gradient": "linear-gradient(135deg,rgb(250,250,250) 0%,rgb(249, 247, 243) 90%)",
+          "name": "White To Neutral 50"
+        }
+      ]
+    },
+    "spacing": {
+      "spacingSizes": [
+        {
+          "slug": "10",
+          "size": "0.175rem",
+          "name": "3 X Small"
+        },
+        {
+          "slug": "20",
+          "size": "0.25rem",
+          "name": "2 X Small"
+        },
+        {
+          "slug": "30",
+          "size": "0.5rem",
+          "name": "X Small"
+        },
+        {
+          "slug": "40",
+          "size": "clamp(0.625rem, 0.625rem + ((1vw - 0.2rem) * 0.240), 0.75rem)",
+          "name": "Small"
+        },
+        {
+          "slug": "50",
+          "size": "clamp(0.8125rem, 0.8125rem + ((1vw - 0.2rem) * 0.361), 1rem)",
+          "name": "Normal"
+        },
+        {
+          "slug": "60",
+          "size": "clamp(0.9375rem, 0.9375rem + ((1vw - 0.2rem) * 0.601), 1.25rem)",
+          "name": "Medium"
+        },
+        {
+          "slug": "70",
+          "size": "clamp(1.0625rem, 1.0625rem + ((1vw - 0.2rem) * 0.841), 1.5rem)",
+          "name": "Large"
+        },
+        {
+          "slug": "80",
+          "size": "clamp(1.1875rem, 1.1875rem + ((1vw - 0.2rem) * 1.563), 2rem)",
+          "name": "X Large"
+        },
+        {
+          "slug": "90",
+          "size": "clamp(1.3125rem, 1.3125rem + ((1vw - 0.2rem) * 2.284), 2.5rem)",
+          "name": "2 X Large"
+        },
+        {
+          "slug": "100",
+          "size": "clamp(1.4375rem, 1.4375rem + ((1vw - 0.2rem) * 3.005), 3rem)",
+          "name": "3 X Large"
+        },
+        {
+          "slug": "110",
+          "size": "clamp(1.625rem, 1.625rem + ((1vw - 0.2rem) * 4.567), 4rem)",
+          "name": "4 X Large"
+        },
+        {
+          "slug": "120",
+          "size": "clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 6.250), 5rem)",
+          "name": "5 X Large"
+        }
+      ],
+      "customSpacingSize": false,
+      "defaultSpacingSizes": false
+    },
+    "typography": {
+      "fontFamilies": [
+        {
+          "slug": "inter-tight",
+          "fontFamily": "'Inter Tight', system-ui, 'Segoe UI', roboto, sans-serif",
+          "name": "Inter Tight",
+          "fontFace": [
+            {
+              "fontFamily": "Inter Tight",
+              "fontStyle": "normal",
+              "fontWeight": "100 900",
+              "src": [
+                "file:./assets/fonts/inter-tight/inter-tight-variable-normal.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Inter Tight",
+              "fontStyle": "italic",
+              "fontWeight": "100 900",
+              "src": [
+                "file:./assets/fonts/inter-tight/inter-tight-variable-italic.woff2"
+              ]
+            }
+          ]
+        },
+        {
+          "slug": "source-serif-4",
+          "fontFamily": "'Source Serif 4', ui-serif, georgia, serif",
+          "name": "Source Serif 4",
+          "fontFace": [
+            {
+              "fontFamily": "Source Serif 4",
+              "fontStyle": "normal",
+              "fontWeight": "200 900",
+              "src": [
+                "file:./assets/fonts/source-serif-4/source-serif-4-variable-normal.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Source Serif 4",
+              "fontStyle": "italic",
+              "fontWeight": "200 900",
+              "src": [
+                "file:./assets/fonts/source-serif-4/source-serif-4-variable-italic.woff2"
+              ]
+            }
+          ]
+        },
+        {
+          "slug": "jetbrains-mono",
+          "fontFamily": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+          "name": "Jetbrains Mono",
+          "fontFace": [
+            {
+              "fontFamily": "Jetbrains Mono",
+              "fontStyle": "normal",
+              "fontWeight": "100 800",
+              "src": [
+                "file:./assets/fonts/jetbrains-mono/jetbrains-mono-variable-normal.woff2"
+              ]
+            },
+            {
+              "fontFamily": "Jetbrains Mono",
+              "fontStyle": "italic",
+              "fontWeight": "100 800",
+              "src": [
+                "file:./assets/fonts/jetbrains-mono/jetbrains-mono-variable-italic.woff2"
+              ]
+            }
+          ]
+        }
+      ],
+      "fontSizes": [
+        {
+          "slug": "2-x-small",
+          "size": "0.75rem",
+          "name": "2 X Small",
+          "fluid": {
+            "min": "0.6875rem",
+            "max": "0.75rem"
+          }
+        },
+        {
+          "slug": "x-small",
+          "size": "0.875rem",
+          "name": "X Small",
+          "fluid": {
+            "min": "0.8125rem",
+            "max": "0.875rem"
+          }
+        },
+        {
+          "slug": "small",
+          "size": "1rem",
+          "name": "Small",
+          "fluid": {
+            "min": "0.875rem",
+            "max": "1rem"
+          }
+        },
+        {
+          "slug": "medium",
+          "size": "1.25rem",
+          "name": "Medium",
+          "fluid": {
+            "min": "1rem",
+            "max": "1.25rem"
+          }
+        },
+        {
+          "slug": "large",
+          "size": "1.5rem",
+          "name": "Large",
+          "fluid": {
+            "min": "1rem",
+            "max": "1.5rem"
+          }
+        },
+        {
+          "slug": "x-large",
+          "size": "2rem",
+          "name": "X Large",
+          "fluid": {
+            "min": "1.4375rem",
+            "max": "2rem"
+          }
+        },
+        {
+          "slug": "2-x-large",
+          "size": "2.6875rem",
+          "name": "2 X Large",
+          "fluid": {
+            "min": "1.75rem",
+            "max": "2.6875rem"
+          }
+        },
+        {
+          "slug": "3-x-large",
+          "size": "3.5625rem",
+          "name": "3 X Large",
+          "fluid": {
+            "min": "2.0625rem",
+            "max": "3.5625rem"
+          }
+        },
+        {
+          "slug": "4-x-large",
+          "size": "4.75rem",
+          "name": "4 X Large",
+          "fluid": {
+            "min": "2.5rem",
+            "max": "4.75rem"
+          }
+        },
+        {
+          "slug": "5-x-large",
+          "size": "5.7125rem",
+          "name": "5 X Large",
+          "fluid": {
+            "min": "2.375rem",
+            "max": "5.7125rem"
+          }
+        },
+        {
+          "slug": "hero",
+          "size": "8.4375rem",
+          "name": "Hero",
+          "fluid": {
+            "min": "3.5625rem",
+            "max": "8.4375rem"
+          }
+        },
+        {
+          "slug": "heading-small",
+          "size": "1.5rem",
+          "name": "Heading Small",
+          "fluid": {
+            "min": "1rem",
+            "max": "1.5rem"
+          }
+        },
+        {
+          "slug": "heading-medium",
+          "size": "1.75rem",
+          "name": "Heading Medium",
+          "fluid": {
+            "min": "1.25rem",
+            "max": "1.75rem"
+          }
+        },
+        {
+          "slug": "heading-large",
+          "size": "2.25rem",
+          "name": "Heading Large",
+          "fluid": {
+            "min": "1.5rem",
+            "max": "2.25rem"
+          }
+        },
+        {
+          "slug": "heading-x-large",
+          "size": "2.5rem",
+          "name": "Heading X Large",
+          "fluid": {
+            "min": "1.75rem",
+            "max": "2.5rem"
+          }
+        },
+        {
+          "slug": "heading-primary",
+          "size": "3rem",
+          "name": "Heading Primary",
+          "fluid": {
+            "min": "1.75rem",
+            "max": "3rem"
+          }
+        }
+      ],
+      "fluid": {
+        "minViewportWidth": "320px",
+        "maxViewportWidth": "1152px"
+      }
+    },
+    "shadow": {
+      "presets": [
+        {
+          "slug": "natural",
+          "shadow": "6px 6px 9px rgba(0, 0, 0, 0.2)",
+          "name": "Natural"
+        },
+        {
+          "slug": "deep",
+          "shadow": "12px 12px 50px rgba(0, 0, 0, 0.4)",
+          "name": "Deep"
+        },
+        {
+          "slug": "sharp",
+          "shadow": "6px 6px 0px rgba(0, 0, 0, 0.2)",
+          "name": "Sharp"
+        },
+        {
+          "slug": "outlined",
+          "shadow": "6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0)",
+          "name": "Outlined"
+        },
+        {
+          "slug": "crisp",
+          "shadow": "6px 6px 0px rgb(0, 0, 0)",
+          "name": "Crisp"
+        }
+      ]
+    },
+    "layout": {
+      "contentSize": "768px",
+      "wideSize": "1152px"
+    },
+    "viewport": {
+      "mobile": "600px",
+      "tablet": "768px"
+    },
+    "custom": {
+      "fontWeight": {
+        "thin": "100",
+        "extra-light": "200",
+        "light": "300",
+        "normal": "400",
+        "medium": "500",
+        "semibold": "600",
+        "bold": "700",
+        "extra-bold": "800",
+        "black": "900"
+      },
+      "lineHeight": {
+        "tight": "1.3",
+        "normal": "1.6",
+        "loose": "1.8"
+      },
+      "radius": {
+        "sm": "2px",
+        "md": "4px",
+        "lg": "8px",
+        "xl": "12px",
+        "full": "9999px"
+      },
+      "transition": {
+        "fast": "150ms ease",
+        "base": "250ms ease"
+      }
+    },
+    "useRootPaddingAwareAlignments": true
+  },
+  "styles": {
+    "typography": {
+      "fontFamily": "var(--wp--preset--font-family--source-serif-4)",
+      "fontSize": "var(--wp--preset--font-size--medium)",
+      "fontWeight": "300",
+      "lineHeight": "1.6"
+    },
+    "color": {
+      "text": "var(--wp--preset--color--black)",
+      "background": "var(--wp--preset--color--neutral-50)"
+    },
+    "spacing": {
+      "blockGap": "0",
+      "padding": {
+        "top": "0",
+        "right": "var(--wp--preset--spacing--80)",
+        "bottom": "0",
+        "left": "var(--wp--preset--spacing--80)"
+      }
+    },
+    "elements": {
+      "heading": {
+        "typography": {
+          "fontFamily": "var(--wp--preset--font-family--inter-tight)",
+          "lineHeight": "1.1"
+        },
+        "color": {
+          "text": "var(--wp--preset--color--neutral-800)"
+        }
+      },
+      "h1": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--3-x-large)",
+          "fontStyle": "normal",
+          "fontWeight": "600"
+        },
+        "spacing": {
+          "margin": {
+            "top": "var(--wp--preset--spacing--70)"
+          }
+        }
+      },
+      "h2": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--2-x-large)",
+          "fontStyle": "normal",
+          "fontWeight": "600"
+        },
+        "spacing": {
+          "margin": {
+            "top": "var(--wp--preset--spacing--60)"
+          }
+        }
+      },
+      "h3": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--x-large)",
+          "fontStyle": "normal",
+          "fontWeight": "600"
+        },
+        "spacing": {
+          "margin": {
+            "top": "var(--wp--preset--spacing--60)"
+          }
+        }
+      },
+      "h4": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--large)",
+          "fontStyle": "normal",
+          "fontWeight": "600"
+        },
+        "spacing": {
+          "margin": {
+            "top": "var(--wp--preset--spacing--60)"
+          }
+        }
+      },
+      "h5": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--medium)",
+          "fontStyle": "normal",
+          "fontWeight": "600"
+        },
+        "spacing": {
+          "margin": {
+            "top": "var(--wp--preset--spacing--60)"
+          }
+        }
+      },
+      "h6": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--medium)",
+          "fontStyle": "italic",
+          "fontWeight": "600"
+        },
+        "spacing": {
+          "margin": {
+            "top": "var(--wp--preset--spacing--60)"
+          }
+        }
+      },
+      "caption": {
+        "typography": {
+          "fontSize": "var(--wp--preset--font-size--small)",
+          "fontStyle": "italic",
+          "fontWeight": "300"
+        },
+        "color": {
+          "text": "#fff154"
+        }
+      },
+      "button": {
+        "color": {
+          "text": "var(--wp--preset--color--white)",
+          "background": "var(--wp--preset--color--black)"
+        }
+      },
+      "link": {
+        "color": {
+          "text": "var(--wp--preset--color--accent-primary)"
+        },
+        ":hover": {
+          "color": {
+            "text": "#dc2626"
+          }
+        }
+      }
+    }
+  }
+}