@placeholderco/placeholder-ui 2.4.0 → 2.5.3

package/README.md

@@ -19,8 +19,7 @@ Peer dependency: `svelte ^5`.
 
 ## Quick start
 
-Wrap your app in `AppShell` (it loads the base stylesheet and, by default,
-Bootstrap 5), then use components:
+Wrap your app in `AppShell` (it loads the base stylesheet), then use components:
 
 ```svelte
 <script lang="ts">
@@ -33,15 +32,11 @@ Bootstrap 5), then use components:
 </AppShell>
 ```
 
-If you ship your own Bootstrap build or do not want Bootstrap at all, skip
-`AppShell` and import the token stylesheet yourself:
+Or skip `AppShell` and import the token stylesheet yourself:
 
 ```ts
 import '@placeholderco/placeholder-ui/app.css';
 ```
-
-The bundled Bootstrap is also available on its own as `@placeholderco/placeholder-ui/bootstrap.css`.
-
 ## Branding
 
 Everything colour- and font-related resolves to `--ui-*` custom properties, so

package/dist/app.css

@@ -115,8 +115,7 @@ body {
 	font-family: var(--ui-font-family);
 }
 
-/* Form controls do not inherit fonts by default; make them follow the UI font
-   even when Bootstrap's reboot is not loaded. */
+/* Form controls do not inherit fonts by default; make them follow the UI font */
 button,
 input,
 select,

package/dist/layout/AppShell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import '../bootstrap.min.css';
+	import '../styles.css';
 	import '../app.css';
 
 	export interface AppShellProps {
@@ -11,9 +11,4 @@
 	let { children }: AppShellProps = $props();
 </script>
 
-<!--
-	AppShell loads the library's base stylesheet plus the bundled Bootstrap 5 build.
-	To use the library without Bootstrap, skip AppShell and import
-	`@placeholderco/placeholder-ui/app.css` directly in your root layout instead.
--->
 {@render children?.()}

package/dist/layout/AppShell.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import '../bootstrap.min.css';
+import '../styles.css';
 import '../app.css';
 export interface AppShellProps {
     /** Application content (includes global styles) */

package/dist/{bootstrap.min.css → styles.css}

@@ -4,6 +4,38 @@
     --gutter-y: 0
 }
 
+h1,.display-1 {
+    font-size: clamp(2.25rem, 4vw + 1rem, 3.9rem);
+}
+
+h2,.display-2 {
+    font-size: clamp(1.85rem, 3vw + 0.85rem, 3.1rem);
+}
+
+h3,.display-3 {
+    font-size: clamp(1.5rem, 2.2vw + 0.75rem, 2.5rem);
+}
+
+h4,.display-4 {
+    font-size: clamp(1.25rem, 1.5vw + 0.7rem, 2rem);
+}
+
+h5,.display-5 {
+    font-size: clamp(1.1rem, 0.9vw + 0.7rem, 1.6rem);
+}
+
+h6,.display-6 {
+    font-size: clamp(1rem, 0.5vw + 0.75rem, 1.25rem);
+}
+
+h7,.display-7 {
+    font-size: 1rem;
+}
+
+h8,.display-8 {
+    font-size: 0.875rem;
+}
+
 .text-black,
 .text-black-50,
 .text-body,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placeholderco/placeholder-ui",
-  "version": "2.4.0",
+  "version": "2.5.3",
   "description": "A modern, customizable Svelte 5 UI component library with comprehensive theming support. Re-brand it with a single config object.",
   "license": "MIT",
   "author": "Placeholderco",
@@ -45,7 +45,7 @@
       "svelte": "./dist/index.js"
     },
     "./app.css": "./dist/app.css",
-    "./bootstrap.css": "./dist/bootstrap.min.css"
+    "./styles.css": "./dist/styles.css"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.26.0",