⬆ Update to the latest bluelib version

package.json

@@ -1,6 +1,6 @@
 {
     "name": "bluelib",
-    "version": "0.24.0",
+    "version": "1.0.0",
     "description": "React components for Bluelib",
     "main": "lib/index.js",
     "module": "es/index.js",

src/bluelib

@@ -1 +1 @@
-Subproject commit 9fd45e4d39eb17275ccab0a476141ea9e84d12d7
+Subproject commit 7faf276e30b9605a9735ec1543710c9fc470e5dc

src/components/Aside/index.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 
 export default function Aside({children, className}) {
     return (
-        <aside className={useBluelibClassNames("panel panel-aside", className)}>
+        <aside className={useBluelibClassNames("panel panel-box panel-aside", className)}>
             {children}
         </aside>
     )

src/components/Blockquote/index.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 
 export default function Blockquote({children, className}) {
     return (
-        <blockquote className={useBluelibClassNames("panel panel-blockquote", className)}>
+        <blockquote className={useBluelibClassNames("panel panel-box panel-blockquote", className)}>
             {children}
         </blockquote>
     )

src/components/Bluelib/BluelibProvider/index.js

@@ -1,6 +1,6 @@
 import React from "react";
 
-import skinRygblue from "../../../bluelib/src/skins/rygblue/rygblue.module.css";
+import skinRygblue from "../../../bluelib/src/targets/rygblue.module.css";
 import ContextBluelibSkin from "../../../contexts/ContextBluelibSkin";
 import isString from "../../../utils/isString";
 import PropTypes from "prop-types";

src/components/Color/index.js

@@ -15,5 +15,5 @@ export default function Color({children, className, value}) {
 Color.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
-    value: PropTypes.oneOf(["red", "orange", "yellow", "lime", "cyan", "blue", "magenta"]),
+    value: PropTypes.oneOf(["red", "orange", "yellow", "lime", "cyan", "blue", "magenta", "gray"]),
 }

src/components/Table/Readme.md

@@ -1,26 +0,0 @@
-A **panel** which is rendered like a `<table>` element.
-
-```jsx
-import Bluelib from "../Bluelib";
-
-<Bluelib>
-    <Table>
-        <thead>
-            <tr>
-                <th>Column 1</th>
-                <th>Column 2</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>A</td>
-                <td>B</td>
-            </tr>
-            <tr>
-                <td>C</td>
-                <td>D</td>
-            </tr>
-        </tbody>
-    </Table>
-</Bluelib>
-```

src/components/Table/index.js

@@ -1,18 +0,0 @@
-import React from "react";
-import useBluelibClassNames from "../../hooks/useBluelibClassNames";
-import PropTypes from "prop-types";
-
-
-export default function Table({children, className}) {
-    return (
-        <table className={useBluelibClassNames("panel panel-table", className)}>
-            {children}
-        </table>
-    )
-}
-
-
-Table.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-}

src/components/index.js

@@ -18,7 +18,6 @@ export {default as Size} from "./Size";
 export {default as Split} from "./Split";
 export {default as Spoiler} from "./Spoiler";
 export {default as Strike} from "./Strike";
-export {default as Table} from "./Table";
 export {default as Title} from "./Title";
 export {default as Underline} from "./Underline";
 export {default as BaseLink} from "./BaseLink";

src/hooks/useBluelibClassNames.js

@@ -2,7 +2,7 @@ import {useContext} from "react";
 import contextBluelibSkin from "../contexts/ContextBluelibSkin";
 import classNames from "classnames";
 
-import skeleton from "../bluelib/src/skeleton/skeleton.module.css";
+import skeleton from "../bluelib/src/targets/skeleton.module.css";
 
 
 export default function useBluelibClassNames(cn, extra) {