@powerhousedao/design-system 5.0.0-staging.17 → 5.0.0-staging.19

package/dist/style.css

@@ -740,6 +740,7 @@
     --color-zinc-200: oklch(92% 0.004 286.32);
     --color-zinc-500: oklch(55.2% 0.016 285.938);
     --color-zinc-600: oklch(44.2% 0.017 285.786);
+    --color-stone-300: oklch(86.9% 0.005 56.366);
     --color-black: hsl(0 0% 0%);
     --color-white: hsl(0 0% 100%);
     --spacing: 0.25rem;
@@ -2479,6 +2480,9 @@
   .text-slate-800 {
     color: var(--color-slate-800);
   }
+  .text-stone-300 {
+    color: var(--color-stone-300);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -4322,6 +4326,95 @@ input[type="number"] {
     cursor: pointer;
   }
 }
+.ph-default-styles h1 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 32px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles h2 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles h3 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles p {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles small {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 100%;
+  color: #474d4e;
+}
+.ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
+  font-family: "Inter", sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: #343839;
+  background-color: #ffffff;
+  border: 1px solid #ced4da;
+  border-radius: 0.375rem;
+  padding: 7px 0.75rem;
+  width: 100%;
+  box-sizing: border-box;
+  margin-bottom: 10px;
+}
+.ph-default-styles textarea {
+  min-height: 2.25rem;
+  resize: vertical;
+}
+.ph-default-styles a {
+  color: #007bff;
+  text-decoration: none;
+}
+.ph-default-styles a:hover {
+  text-decoration: underline;
+  color: #0056b3;
+}
+.ph-default-styles a:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 123, 255, 0.5);
+}
+.ph-default-styles ul, .ph-default-styles ol {
+  padding-left: 0px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.ph-default-styles label {
+  display: block;
+  font-family: "Inter", sans-serif;
+  font-weight: 500;
+  color: #343839;
+}
+.ph-default-styles hr {
+  border: 0;
+  height: 1px;
+  background-color: #ced4da;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 @layer base {
   * {
     scrollbar-color: initial;