@iroco/ui 1.0.0-3 → 1.0.0-5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@iroco/ui",
-	"version": "1.0.0-3",
+	"version": "1.0.0-5",
 	"description": "Iroco design system based on Svelte",
 	"main": "dist/index.js",
 	"scripts": {
@@ -18,14 +18,15 @@
 		"build-storybook": "storybook build"
 	},
 	"devDependencies": {
+		"@ljcl/storybook-addon-cssprops": "^3.2.0",
 		"@storybook/addon-essentials": "^7.6.13",
 		"@storybook/addon-interactions": "^7.6.13",
 		"@storybook/addon-links": "^7.6.13",
 		"@storybook/addon-svelte-csf": "^4.1.1",
 		"@storybook/blocks": "^7.6.13",
 		"@storybook/svelte": "^7.6.13",
-		"@storybook/sveltekit": "^7.6.13",
 		"@storybook/svelte-vite": "^8.0.0-beta.1",
+		"@storybook/sveltekit": "^7.6.13",
 		"@storybook/test": "^7.6.13",
 		"@sveltejs/adapter-auto": "^3.1.1",
 		"@sveltejs/kit": "^2.5.0",
@@ -37,6 +38,7 @@
 		"@testing-library/user-event": "^14.5.2",
 		"@typescript-eslint/eslint-plugin": "^6.21.0",
 		"@typescript-eslint/parser": "^6.21.0",
+		"@vitest/ui": "^1.2.2",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-storybook": "^0.6.15",

package/dist/NumberInputSized.svelte

@@ -1,4 +0,0 @@
-<script>import NumberInput from "./NumberInput.svelte";
-</script>
-
-<NumberInput id="sized" placeholder="ph" size="3" />

package/dist/NumberInputSized.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NumberInputSizedProps = typeof __propDef.props;
-export type NumberInputSizedEvents = typeof __propDef.events;
-export type NumberInputSizedSlots = typeof __propDef.slots;
-export default class NumberInputSized extends SvelteComponent<NumberInputSizedProps, NumberInputSizedEvents, NumberInputSizedSlots> {
-}
-export {};

package/dist/TopBar.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  TopBarProps */
-/** @typedef {typeof __propDef.events}  TopBarEvents */
-/** @typedef {typeof __propDef.slots}  TopBarSlots */
-export default class TopBar extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type TopBarProps = typeof __propDef.props;
-export type TopBarEvents = typeof __propDef.events;
-export type TopBarSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/scss/check.scss

@@ -1,48 +0,0 @@
-/* @deprecated does not seem to be used anywhere */
-.ui-check {
-	width: 30px;
-	min-width: 30px;
-	height: 30px;
-	min-height: 30px;
-	background: rgba($darkBeige, 0.1);
-	border: solid rgba($darkBeige, 0.4) 1px;
-	cursor: pointer;
-	outline: none;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
-	border-radius: 2px;
-
-	&.tag {
-		width: auto;
-		padding: 0 10px;
-	}
-
-	&:focus {
-		outline: none;
-		box-shadow: 0 0 5px rgba($blue, 0.3);
-	}
-
-	> svg {
-		stroke-dashoffset: 100;
-		transition: stroke-dashoffset cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
-	}
-
-	> span {
-		@include Arial(1em, $darkBeige);
-	}
-
-	&[aria-pressed='true'] {
-		border: solid $blue 1px;
-
-		> svg {
-			stroke-dashoffset: 0;
-		}
-
-		> span {
-			color: $blue;
-		}
-	}
-}

package/dist/scss/iroco.scss

@@ -1,38 +0,0 @@
-@use 'colors';
-@use 'fonts';
-@use 'style';
-
-/** @deprectated : does not seem to be used anywhere */
-
-*,
-*::before,
-*::after {
-	-webkit-box-sizing: border-box;
-	box-sizing: border-box;
-}
-
-a,
-a:visited,
-a:active,
-button {
-	text-decoration: none;
-	font-size: 14px;
-	color: colors.$beige;
-}
-
-html {
-	margin: 0;
-	padding: 0;
-
-	> body {
-		@include fonts.Arial(14px, white);
-		margin: 0;
-		padding: 0;
-		cursor: default;
-		text-rendering: optimizeLegibility;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-		font-kerning: normal;
-		background: colors.$background;
-	}
-}