@onsvisual/svelte-components 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,13 +1,14 @@
+// Wrappers
+export { default as Theme } from "./components/wrappers/Theme/Theme.svelte";
+export { default as Container } from "./components/wrappers/Container/Container.svelte";
+
 // Layout
 export { default as Accordion } from "./components/layout/Accordion/Accordion.svelte";
-export { default as Container } from "./components/layout/Container/Container.svelte";
 export { default as Footer } from "./components/layout/Footer/Footer.svelte";
 export { default as Header } from "./components/layout/Header/Header.svelte";
-export { default as Section } from "./components/layout/Section/Section.svelte";
-export { default as Theme } from "./components/layout/Theme/Theme.svelte";
 export { default as Twisty } from "./components/layout/Twisty/Twisty.svelte";
 
-// UI
+// Inputs
 export { default as Button } from "./components/ui/Button/Button.svelte";
 export { default as Dropdown } from "./components/ui/Dropdown/Dropdown.svelte";
 export { default as Em } from "./components/ui/Em/Em.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onsvisual/svelte-components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "private": false,
   "homepage": "https://onsvisual.github.io/svelte-components",
@@ -11,7 +11,7 @@
   "scripts": {
     "start": "storybook dev -p 3000",
     "new": "node ./bin/newComponent/index.cjs",
-    "build:package": "node ./bin/buildPackage/index.js",
+    "build:package": "node ./bin/buildPackage/index.js && node ./bin/postprocess/css-merge.js",
     "build:chromatic": "storybook build -o docs",
     "build:docs": "storybook build -o docs && touch ./docs/.nojekyll",
     "build": "npm-run-all build:package build:docs",
@@ -59,6 +59,7 @@
     "babel-loader": "^9.1.2",
     "change-case": "^4.1.2",
     "chromatic": "^6.19.9",
+    "csso": "^5.0.5",
     "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-n": "^16.0.0",
@@ -114,23 +115,30 @@
     "./package.json": "./package.json",
     "./actions/cssVariables": "./dist/actions/cssVariables/index.js",
     "./actions/resizeObserver": "./dist/actions/resizeObserver/index.js",
+    "./components/decorators/Blockquote/Blockquote.svelte": "./dist/components/decorators/Blockquote/Blockquote.svelte",
+    "./components/decorators/Em/Em.svelte": "./dist/components/decorators/Em/Em.svelte",
+    "./components/inputs/Button/Button.svelte": "./dist/components/inputs/Button/Button.svelte",
+    "./components/inputs/Button/Icon.svelte": "./dist/components/inputs/Button/Icon.svelte",
+    "./components/inputs/Dropdown/Dropdown.svelte": "./dist/components/inputs/Dropdown/Dropdown.svelte",
+    "./components/inputs/Input/Input.svelte": "./dist/components/inputs/Input/Input.svelte",
+    "./components/inputs/Select/Select.svelte": "./dist/components/inputs/Select/Select.svelte",
+    "./components/inputs/Textarea/Textarea.svelte": "./dist/components/inputs/Textarea/Textarea.svelte",
     "./components/layout/Accordion/Accordion.svelte": "./dist/components/layout/Accordion/Accordion.svelte",
     "./components/layout/Accordion/AccordionItem.svelte": "./dist/components/layout/Accordion/AccordionItem.svelte",
-    "./components/layout/Container/Container.svelte": "./dist/components/layout/Container/Container.svelte",
+    "./components/layout/Divider/Divider.svelte": "./dist/components/layout/Divider/Divider.svelte",
     "./components/layout/Footer/Footer.svelte": "./dist/components/layout/Footer/Footer.svelte",
     "./components/layout/Footer/ONSLogo.svelte": "./dist/components/layout/Footer/ONSLogo.svelte",
     "./components/layout/Header/Header.svelte": "./dist/components/layout/Header/Header.svelte",
     "./components/layout/Header/ONSLogo.svelte": "./dist/components/layout/Header/ONSLogo.svelte",
-    "./components/layout/Theme/Theme.svelte": "./dist/components/layout/Theme/Theme.svelte",
-    "./components/layout/Theme/themes": "./dist/components/layout/Theme/themes.js",
+    "./components/layout/Section/Section.svelte": "./dist/components/layout/Section/Section.svelte",
+    "./components/layout/TitleBlock/Meta.svelte": "./dist/components/layout/TitleBlock/Meta.svelte",
+    "./components/layout/TitleBlock/TitleBlock.svelte": "./dist/components/layout/TitleBlock/TitleBlock.svelte",
     "./components/layout/Twisty/Twisty.svelte": "./dist/components/layout/Twisty/Twisty.svelte",
-    "./components/ui/Button/Button.svelte": "./dist/components/ui/Button/Button.svelte",
-    "./components/ui/Button/Icon.svelte": "./dist/components/ui/Button/Icon.svelte",
-    "./components/ui/Dropdown/Dropdown.svelte": "./dist/components/ui/Dropdown/Dropdown.svelte",
-    "./components/ui/Em/Em.svelte": "./dist/components/ui/Em/Em.svelte",
-    "./components/ui/Input/Input.svelte": "./dist/components/ui/Input/Input.svelte",
-    "./components/ui/Select/Select.svelte": "./dist/components/ui/Select/Select.svelte",
-    "./components/ui/Textarea/Textarea.svelte": "./dist/components/ui/Textarea/Textarea.svelte",
+    "./components/wrappers/Container/Container.svelte": "./dist/components/wrappers/Container/Container.svelte",
+    "./components/wrappers/Embed/Embed.svelte": "./dist/components/wrappers/Embed/Embed.svelte",
+    "./components/wrappers/Main/Main.svelte": "./dist/components/wrappers/Main/Main.svelte",
+    "./components/wrappers/Theme/Theme.svelte": "./dist/components/wrappers/Theme/Theme.svelte",
+    "./components/wrappers/Theme/themes": "./dist/components/wrappers/Theme/themes.js",
     "./css/main.css": "./dist/css/main.css",
     "./globals.d.ts": "./dist/globals.d.ts",
     "./js/utils": "./dist/js/utils.js",

package/dist/@types/components/{ui → inputs}/Dropdown/Dropdown.svelte.d.ts

@@ -3,11 +3,11 @@
 /** @typedef {typeof __propDef.slots}  DropdownSlots */
 export default class Dropdown extends SvelteComponentTyped<{
     label?: string;
+    value?: any;
+    options?: any[];
     id?: string;
     hideLabel?: boolean;
     placeholder?: string;
-    value?: any;
-    options?: any[];
 }, {
     change: CustomEvent<any>;
 } & {
@@ -21,11 +21,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         label?: string;
+        value?: object;
+        options?: any[];
         id?: string;
         hideLabel?: boolean;
         placeholder?: string;
-        value?: object;
-        options?: any[];
     };
     events: {
         change: CustomEvent<any>;

package/dist/@types/components/{ui → inputs}/Input/Input.svelte.d.ts

@@ -4,9 +4,9 @@
 export default class Input extends SvelteComponentTyped<{
     width?: number;
     label?: string;
+    value?: string;
     id?: string;
     hideLabel?: boolean;
-    value?: string;
     description?: string;
     charLimit?: number;
     prefix?: string;
@@ -29,9 +29,9 @@ declare const __propDef: {
     props: {
         width?: number;
         label?: string;
+        value?: string;
         id?: string;
         hideLabel?: boolean;
-        value?: string;
         description?: string;
         charLimit?: number;
         prefix?: string;

package/dist/@types/components/{ui → inputs}/Select/Select.svelte.d.ts

@@ -4,11 +4,11 @@
 export default class Select extends SvelteComponentTyped<{
     width?: number;
     label?: string;
+    value?: any;
+    options?: any[];
     id?: string;
     hideLabel?: boolean;
     placeholder?: string;
-    value?: any;
-    options?: any[];
     mode?: "default" | "search";
     multiple?: boolean;
     maxSelected?: number;
@@ -37,11 +37,11 @@ declare const __propDef: {
     props: {
         width?: number;
         label?: string;
+        value?: object;
+        options?: any[];
         id?: string;
         hideLabel?: boolean;
         placeholder?: string;
-        value?: object;
-        options?: any[];
         mode?: "default" | "search";
         multiple?: boolean;
         maxSelected?: number;

package/dist/@types/components/{ui → inputs}/Textarea/Textarea.svelte.d.ts

@@ -4,9 +4,9 @@
 export default class Textarea extends SvelteComponentTyped<{
     width?: number;
     label?: string;
+    value?: string;
     id?: string;
     hideLabel?: boolean;
-    value?: string;
     description?: string;
     charLimit?: number;
     rows?: number;
@@ -22,9 +22,9 @@ declare const __propDef: {
     props: {
         width?: number;
         label?: string;
+        value?: string;
         id?: string;
         hideLabel?: boolean;
-        value?: string;
         description?: string;
         charLimit?: number;
         rows?: number;