@jmruthers/pace-core 0.5.60 → 0.5.61

package/dist/styles/core.css

@@ -1,242 +0,0 @@
-@import "tailwindcss";
-
-@theme {
-  /* reset all color variables and fonts */
-  --color-*: initial;
-  --font-sans: "Open Sans", sans-serif;
-  --font-serif: "Open Sans", sans-serif;
-  --font-mono: "Reddit Mono", monospace;
-}
-@theme static {
-  --app-width: 90rem;
-}
-
-@theme inline {
-  /* Semantic token mapping */
-  --color-border: var(--color-main-500);
-  --color-input: var(--color-sec-200);
-  --color-ring: var(--color-main-950);
-  --color-background: var(--color-main-50);
-  --color-foreground: var(--color-main-950);
-  --color-primary: var(--color-main-600);
-  --color-primary-foreground: var(--color-main-50);
-  --color-secondary: var(--color-sec-400);
-  --color-secondary-foreground: var(--color-main-950);
-  --color-destructive: var(--color-acc-700);
-  --color-destructive-foreground: var(--color-main-50);
-  --color-muted: var(--color-sec-100);
-  --color-muted-foreground: var(--color-main-700);
-  --color-accent: var(--color-acc-400);
-  --color-accent-foreground: var(--color-main-950);
-  --color-popover: var(--color-main-50);
-  --color-popover-foreground: var(--color-main-950);
-  --color-card: var(--color-main-50);
-  --color-card-foreground: var(--color-main-950);
-
-}
-
-@layer base {
-
-  /*base resets */
-  * {
-    font-family: 'Open Sans';
-    border-color: var(--color-border);
-  }
-
-  body {
-    min-height: 100vh;
-    color: var(--color-foreground);
-  }
-
-  /* Font definitions - Loading from consuming app's public directory with system font fallbacks */
-  /* Font definitions */
-  @font-face {
-    font-family: "Georama";
-    font-style: normal;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/georama.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Georama";
-    font-style: italic;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/georama-italic.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Open Sans";
-    font-style: normal;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/open-sans.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Open Sans";
-    font-style: italic;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/open-sans-italic.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Reddit Mono";
-    font-style: normal;
-    font-weight: 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/reddit-mono.woff2") format("woff2");
-  }
-
-}
-
-@layer components {
-
-  /* Elements */
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-bottom: 0.25lh;
-  }
-
-  h1,
-  h2,
-  h3 {
-    font-family: 'Georama';
-  }
-
-  h1 {
-    font-size: 2.5rem;
-    font-weight: 700;
-    line-height: 1.2;
-    color: var(--color-main-600);
-  }
-
-  h2 {
-    font-size: 2rem;
-    font-weight: 700;
-    line-height: 1.3;
-    color: var(--color-main-600);
-  }
-
-  h3 {
-    font-size: 1.75rem;
-    font-weight: 600;
-    line-height: 1.4;
-    color: var(--color-main-700);
-  }
-
-  h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    line-height: 1.4;
-    color: var(--color-main-700);
-  }
-
-  h5 {
-    font-size: 1.25rem;
-    font-weight: 500;
-    line-height: 1.4;
-    color: var(--color-main-800);
-  }
-
-  h6 {
-    font-size: 1rem;
-    font-weight: 500;
-    line-height: 1.4;
-    color: var(--color-main-800);
-  }
-
-  p {
-    margin-bottom: 1rem;
-    line-height: 1.6;
-  }
-
-  a {
-    color: var(--color-main-700);
-    text-decoration: none;
-    transition: color 0.2s ease;
-  }
-
-  a:hover {
-    color: var(--color-acc-700);
-    text-decoration: underline;
-  }
-
-  strong {
-    font-weight: 600;
-  }
-
-  em {
-    font-style: italic;
-  }
-
-  u {
-    text-decoration: underline;
-  }
-
-  pre,
-  code {
-    font-family: "Reddit Mono";
-    font-size: 0.875em;
-    background-color: var(--color-sec-100);
-    padding: 0.2em 0.4em;
-    border-radius: 0.25rem;
-  }
-
-  pre code {
-    display: inline-block;
-  }
-
-  blockquote {
-    border-left: 4px solid var(--color-main-600);
-    padding: 0.5rem 1rem;
-    margin: 1.5rem 0;
-    font-style: italic;
-    color: var(--color-main-800);
-  }
-
-  ul,
-  ol {
-    margin: 0.25lh 0;
-    padding-left: 1.5rem;
-  }
-
-  ul {
-    list-style-type: disc;
-  }
-
-  ol {
-    list-style-type: decimal;
-  }
-
-  li {
-    margin-bottom: 0.25lh;
-    line-height: 1.6;
-  }
-
-  hr {
-    border: 0;
-    border-top: 1px solid var(--color-sec-200);
-    margin: 2rem 0;
-  }
-
-  small {
-    font-size: 0.875em;
-    color: var(--color-main-500);
-  }
-
-  .appGradient {
-    background: linear-gradient(145deg, var(--color-main-100) 10%, var(--color-main-200) 30%, var(--color-main-200) 70%, var(--color-main-300) 90%);
-    background-attachment: fixed;
-  }
-}
-
-@layer utilities {
-
-}

package/src/styles/base.css

@@ -1,208 +0,0 @@
-@import "tailwindcss";
-
-@layer base {
-
-  /*base resets */
-  * {
-    font-family: 'Open Sans';
-    border-color: var(--color-border);
-  }
-
-  body {
-    min-height: 100vh;
-    color: var(--color-foreground);
-  }
-
-  /* Font definitions */
-  @font-face {
-    font-family: "Georama";
-    font-style: normal;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/georama.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Georama";
-    font-style: italic;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/georama-italic.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Open Sans";
-    font-style: normal;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/open-sans.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Open Sans";
-    font-style: italic;
-    font-weight: 100 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/open-sans-italic.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Reddit Mono";
-    font-style: normal;
-    font-weight: 200 300 400 500 600 700 800 900;
-    font-display: swap;
-    src: url("/fonts/reddit-mono.woff2") format("woff2");
-  }
-
-  /* Elements */
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-bottom: 0.25lh;
-  }
-
-  h1,
-  h2,
-  h3 {
-    font-family: 'Georama';
-  }
-
-  h1 {
-    font-size: 2.5rem;
-    font-weight: 700;
-    line-height: 1.2;
-    color: var(--color-app-main-600);
-  }
-
-  h2 {
-    font-size: 2rem;
-    font-weight: 700;
-    line-height: 1.3;
-    color: var(--color-app-main-600);
-  }
-
-  h3 {
-    font-size: 1.75rem;
-    font-weight: 600;
-    line-height: 1.4;
-    color: var(--color-app-main-700);
-  }
-
-  h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    line-height: 1.4;
-    color: var(--color-app-main-700);
-  }
-
-  h5 {
-    font-size: 1.25rem;
-    font-weight: 500;
-    line-height: 1.4;
-    color: var(--color-app-main-800);
-  }
-
-  h6 {
-    font-size: 1rem;
-    font-weight: 500;
-    line-height: 1.4;
-    color: var(--color-app-main-800);
-  }
-
-  p {
-    margin-bottom: 1rem;
-    line-height: 1.6;
-  }
-
-  a {
-    color: var(--color-app-main-700);
-    text-decoration: none;
-    transition: color 0.2s ease;
-  }
-
-  a:hover {
-    color: var(--color-app-acc-700);
-    text-decoration: underline;
-  }
-
-  strong {
-    font-weight: 600;
-  }
-
-  em {
-    font-style: italic;
-  }
-
-  u {
-    text-decoration: underline;
-  }
-
-  pre,
-  code {
-    font-family: "Reddit Mono";
-    font-size: 0.875em;
-    background-color: var(--color-app-sec-100);
-    padding: 0.2em 0.4em;
-    border-radius: 0.25rem;
-  }
-
-  pre code {
-    display: inline-block;
-  }
-
-  blockquote {
-    border-left: 4px solid var(--color-app-main-600);
-    padding: 0.5rem 1rem;
-    margin: 1.5rem 0;
-    font-style: italic;
-    color: var(--color-app-main-800);
-  }
-
-  ul,
-  ol {
-    margin: 0.25lh 0;
-    padding-left: 1.5rem;
-  }
-
-  ul {
-    list-style-type: disc;
-  }
-
-  ol {
-    list-style-type: decimal;
-  }
-
-  li {
-    margin-bottom: 0.25lh;
-    line-height: 1.6;
-  }
-
-  hr {
-    border: 0;
-    border-top: 1px solid var(--color-app-sec-200);
-    margin: 2rem 0;
-  }
-
-  small {
-    font-size: 0.875em;
-    color: var(--color-app-main-500);
-  }
-
-  --app-width: 90rem;
-  
-  .appGradient {
-    background: linear-gradient(145deg, var(--color-app-main-100) 10%, var(--color-app-main-200) 30%, var(--color-app-main-200) 70%, var(--color-app-main-300) 90%);
-    background-attachment: fixed;
-  }
-}
-
-@layer components {
-  /* Custom component styles go here */
-}
-
-@layer utilities {
-  /* Custom utility styles go here */
-}

package/src/styles/semantic.css

@@ -1,24 +0,0 @@
-@import "tailwindcss";
-
-@theme inline {
-  /* Semantic token mapping */
-  --color-border: var(--color-app-main-500);
-  --color-input: var(--color-app-sec-200);
-  --color-ring: var(--color-app-main-950);
-  --color-background: var(--color-app-main-50);
-  --color-foreground: var(--color-app-main-950);
-  --color-primary: var(--color-app-main-600);
-  --color-primary-foreground: var(--color-app-main-50);
-  --color-secondary: var(--color-app-sec-400);
-  --color-secondary-foreground: var(--color-app-main-950);
-  --color-destructive: var(--color-app-acc-700);
-  --color-destructive-foreground: var(--color-app-main-50);
-  --color-muted: var(--color-app-sec-100);
-  --color-muted-foreground: var(--color-app-main-700);
-  --color-accent: var(--color-app-acc-400);
-  --color-accent-foreground: var(--color-app-main-950);
-  --color-popover: var(--color-app-main-50);
-  --color-popover-foreground: var(--color-app-main-950);
-  --color-card: var(--color-app-main-50);
-  --color-card-foreground: var(--color-app-main-950);
-}