@reshape-biotech/design-system 0.0.20 → 0.0.22

package/dist/components/tooltip/Tooltip.stories.svelte

@@ -4,7 +4,7 @@
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	const { Story } = defineMeta({
 		component: Tooltip,
-		title: 'Something/Tooltip',
+		title: 'Design System/Tooltip',
 		tags: ['autodocs']
 	});
 </script>

package/dist/tailwind-safelist.txt

@@ -0,0 +1,142 @@
+// Used to safelist classnames so we can add styles dynamic.
+// This should include all the values used in the design system.
+// Read more here: https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/
+
+// Text colors
+text-primary
+text-primary-inverse
+text-secondary
+text-secondary-inverse
+text-tertiary
+text-tertiary-inverse
+text-accent
+text-success
+text-warning
+text-danger
+
+// Icons
+text-icon-primary
+text-icon-primary-inverse
+text-icon-secondary
+text-icon-tertiary
+text-icon-accent
+text-icon-success
+text-icon-warning
+text-icon-danger
+text-icon-blue
+text-icon-orange
+text-icon-sky
+
+// Background colors
+bg-surface
+bg-surface-secondary
+bg-base
+bg-base-inverse
+bg-neutral
+bg-neutral-hover
+bg-neutral-darker
+bg-neutral-darker-hover
+bg-neutral-inverse
+bg-neutral-inverse-hover
+bg-accent
+bg-accent-hover
+bg-accent-inverse
+bg-accent-inverse-hover
+bg-success
+bg-success-hover
+bg-success-inverse
+bg-success-inverse-hover
+bg-warning
+bg-warning-hover
+bg-warning-inverse
+bg-warning-inverse-hover
+bg-danger
+bg-danger-hover
+bg-danger-inverse
+bg-danger-inverse-hover
+bg-blue
+bg-blue-hover
+bg-orange
+bg-orange-hover
+bg-orange-inverse
+bg-orange-inverse-hover
+bg-sky
+bg-sky-hover
+bg-sky-inverse
+bg-sky-inverse-hover
+
+// Borders
+border-static
+border-interactive
+border-hover
+border-focus
+border-danger
+
+// Shadows
+shadow
+shadow-none
+shadow-field
+shadow-nav
+shadow-calendar
+shadow-container
+shadow-panel
+shadow-outline
+shadow-focus
+
+// Text Sizes
+text-xxs
+text-xs
+text-sm
+text-md
+text-lg
+text-xl
+text-2xl
+text-3xl
+text-4xl
+
+// Fonts
+font-medium
+font-semibold
+font-bold
+
+// Default tailwind classes. We need these to preload them, in case we use them in the design system. Only add classes that are used in the design system.
+// Component custom styles
+// badge style classnames
+badge-neutral
+badge-success
+badge-warning
+badge-progress
+badge-error
+badge-md
+badge-sm
+
+// Tooltips
+tooltip-top
+tooltip-right
+tooltip-bottom
+tooltip-left
+
+// Sizes
+h-5
+w-5
+min-w-5
+h-7
+w-7
+min-w-7
+
+// Display values
+flex
+items-center
+justify-center
+flex-row
+flex-col
+px-2
+py-1
+
+// Rounded values
+rounded-full
+rounded
+
+// Tables
+table-fixed
+table-auto

package/dist/tailwind.preset.d.ts

@@ -1,6 +1,6 @@
 import typography from '@tailwindcss/typography';
 declare const config: {
-    content: string[];
+    safelist: string[];
     theme: {
         extend: {
             colors: {

package/dist/tailwind.preset.js

@@ -1,10 +1,9 @@
-/** @type {import('tailwindcss').Config}*/
 import daisyui from 'daisyui';
 import typography from '@tailwindcss/typography';
 import containerQueries from '@tailwindcss/container-queries';
 import { backgroundColor, borderColor, boxShadow, colors, textColor } from './tokens.js';
 const config = {
-    content: ['./src/**/*.{html,js,svelte,ts}', './src/tailwind-safelist.txt'],
+    safelist: ['tailwind-safelist.txt'],
     theme: {
         extend: {
             colors,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reshape-biotech/design-system",
-	"version": "0.0.20",
+	"version": "0.0.22",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
@@ -36,7 +36,8 @@
 		},
 		"./tokens": "./dist/tokens.js",
 		"./styles": "./dist/app.css",
-		"./tailwind": "./dist/tailwind.preset.js"
+		"./tailwind": "./dist/tailwind.preset.js",
+		"./tailwind-safelist": "./dist/tailwind-safelist.txt"
 	},
 	"peerDependencies": {
 		"svelte": "^5.0.0",
@@ -44,15 +45,7 @@
 		"daisyui": "^4.10.5"
 	},
 	"devDependencies": {
-		"@chromatic-com/storybook": "^3.2.2",
 		"@eslint/compat": "^1.2.3",
-		"@storybook/addon-essentials": "^8.4.7",
-		"@storybook/addon-interactions": "^8.4.7",
-		"@storybook/addon-svelte-csf": "^5.0.0-next.11",
-		"@storybook/blocks": "^8.4.7",
-		"@storybook/svelte": "^8.4.7",
-		"@storybook/sveltekit": "^8.4.7",
-		"@storybook/test": "^8.4.7",
 		"@sveltejs/adapter-vercel": "^5.5.0",
 		"@sveltejs/kit": "^2.9.0",
 		"@sveltejs/package": "^2.0.0",
@@ -71,7 +64,6 @@
 		"prettier-plugin-svelte": "^3.2.6",
 		"prettier-plugin-tailwindcss": "^0.6.5",
 		"publint": "^0.2.0",
-		"storybook": "^8.4.7",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
 		"tailwindcss": "^3.4.9",