jcicl 0.0.30 → 0.0.32

package/README.md

@@ -96,3 +96,9 @@ The library will automatically publish a new minor version on merges to master.
 `npm run bpMinor` for minor versions (`0.x.0`), and `npm run bpMajor` for major versions (`x.0.0`)
 
 For more details on scripting commands, please see the [npm CLI documentation](https://docs.npmjs.com/cli/v9/commands)
+
+### Deploying storybook
+
+TODO: Automate
+
+Build the library with `npm run storybook`, then copy all of the files in `storybook-static` into `windu\E:\ComponentLibrary`

package/base/ListButton/ListButton.js

@@ -0,0 +1,22 @@
+import { n as p } from "../../.chunks/emotion-styled.browser.esm.js";
+import e from "../../theme.js";
+import { B as s } from "../../.chunks/ButtonBase.js";
+const a = p(s)(({ padding: t = "1rem", active: o, activeStyles: r }) => ({
+  display: "flex",
+  width: "100%",
+  height: "100%",
+  padding: t,
+  fontSize: "inherit",
+  justifyContent: "flex-start",
+  transition: "201ms all ease-in-out",
+  ...o && {
+    boxShadow: `inset 0px -11px 6px -10px ${e.colors.darkGreen}, inset 0px 11px 6px -10px ${e.colors.darkGreen}`,
+    ...r
+  },
+  "&:hover, :focus": {
+    boxShadow: `inset 0px -11px 6px -10px ${e.colors.green}, inset 0px 11px 6px -10px ${e.colors.green}`
+  }
+}));
+export {
+  a as default
+};

package/base/ListButton/index.d.ts

@@ -0,0 +1 @@
+export { default, type ListButtonProps } from './ListButton';

package/base/ListButton/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ListButton.js";
+export {
+  o as default
+};

package/base/index.d.ts

@@ -5,3 +5,4 @@ export { default as Divider } from './Divider';
 export { default as Flex } from './Flex';
 export { default as Grid } from './Grid';
 export { default as Input } from './Input';
+export { default as ListButton } from './ListButton';

package/base/index.js

@@ -1,16 +1,18 @@
-import { default as t } from "./Avatar/Avatar.js";
+import { default as o } from "./Avatar/Avatar.js";
 import { AvatarWithImage as a } from "./AvatarWithImage/AvatarWithImage.js";
 import { Button as m } from "./Button/Button.js";
 import { Divider as x } from "./Divider/Divider.js";
-import { default as i } from "./Flex/Flex.js";
+import { default as d } from "./Flex/Flex.js";
 import { Grid as l } from "./Grid/Grid.js";
 import { Input as n } from "./Input/Input.js";
+import { default as A } from "./ListButton/ListButton.js";
 export {
-  t as Avatar,
+  o as Avatar,
   a as AvatarWithImage,
   m as Button,
   x as Divider,
-  i as Flex,
+  d as Flex,
   l as Grid,
-  n as Input
+  n as Input,
+  A as ListButton
 };

package/composite/List/index.d.ts

@@ -1,2 +1 @@
 export { default, type ListProps } from './List';
-export { default as ListButton } from './ListButton';

package/composite/List/index.js

@@ -1,6 +1,4 @@
-import { default as e } from "./List.js";
-import { default as r } from "./ListButton.js";
+import { default as o } from "./List.js";
 export {
-  r as ListButton,
-  e as default
+  o as default
 };

package/composite/index.js

@@ -1,7 +1,6 @@
-import { default as o } from "./List/List.js";
-import "./List/ListButton.js";
-import { default as f } from "./WithLabel/WithLabel.js";
+import { default as e } from "./List/List.js";
+import { default as o } from "./WithLabel/WithLabel.js";
 export {
-  o as List,
-  f as WithLabel
+  e as List,
+  o as WithLabel
 };

package/index.d.ts

@@ -1,4 +1,4 @@
-export { Avatar, AvatarWithImage, Button, Divider, Flex, Grid } from './base';
+export { Avatar, AvatarWithImage, Button, Divider, Flex, Grid, ListButton } from './base';
 export { List, WithLabel } from './composite';
 export { AppHeader, Nav } from './supercomposite';
 export { AppContainer } from './templates';

package/index.js

@@ -1,26 +1,27 @@
-import { default as a } from "./base/Avatar/Avatar.js";
-import { AvatarWithImage as p } from "./base/AvatarWithImage/AvatarWithImage.js";
-import { Button as x } from "./base/Button/Button.js";
-import { Divider as i } from "./base/Divider/Divider.js";
-import { default as s } from "./base/Flex/Flex.js";
-import { Grid as v } from "./base/Grid/Grid.js";
+import { default as e } from "./base/Avatar/Avatar.js";
+import { AvatarWithImage as f } from "./base/AvatarWithImage/AvatarWithImage.js";
+import { Button as m } from "./base/Button/Button.js";
+import { Divider as d } from "./base/Divider/Divider.js";
+import { default as l } from "./base/Flex/Flex.js";
+import { Grid as u } from "./base/Grid/Grid.js";
 import "./base/Input/Input.js";
-import { default as n } from "./composite/List/List.js";
-import "./composite/List/ListButton.js";
-import { default as L } from "./composite/WithLabel/WithLabel.js";
+import { default as v } from "./base/ListButton/ListButton.js";
+import { default as L } from "./composite/List/List.js";
+import { default as B } from "./composite/WithLabel/WithLabel.js";
 import { default as b } from "./supercomposite/AppHeader/AppHeader.js";
-import { Nav as B } from "./supercomposite/Nav/Nav.js";
-import { default as D } from "./templates/AppContainer/AppContainer.js";
+import { Nav as C } from "./supercomposite/Nav/Nav.js";
+import { default as F } from "./templates/AppContainer/AppContainer.js";
 export {
-  D as AppContainer,
+  F as AppContainer,
   b as AppHeader,
-  a as Avatar,
-  p as AvatarWithImage,
-  x as Button,
-  i as Divider,
-  s as Flex,
-  v as Grid,
-  n as List,
-  B as Nav,
-  L as WithLabel
+  e as Avatar,
+  f as AvatarWithImage,
+  m as Button,
+  d as Divider,
+  l as Flex,
+  u as Grid,
+  L as List,
+  v as ListButton,
+  C as Nav,
+  B as WithLabel
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.30",
+  "version": "0.0.32",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",
@@ -13,6 +13,7 @@
     "url": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary"
   },
   "dependencies": {
+    "@emotion/css": "^11.13.4",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@fontsource/material-icons": "^5.1.0",

package/composite/List/ListButton.js

@@ -1,25 +0,0 @@
-import { n as r } from "../../.chunks/emotion-styled.browser.esm.js";
-import o from "../../theme.js";
-import { B as x } from "../../.chunks/ButtonBase.js";
-const a = r(x)(({ padding: t = "1rem", active: e, activeStyles: p }) => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  padding: t,
-  fontSize: "inherit",
-  justifyContent: "flex-start",
-  transition: "201ms all ease-in-out",
-  ...e && {
-    boxShadow: `inset 0px -11px 6px -10px ${o.colors.darkGreen}, inset 0px 11px 6px -10px ${o.colors.darkGreen} !important`,
-    ...p
-  },
-  "&:hover": {
-    boxShadow: `inset 0px -11px 6px -10px ${o.colors.green}, inset 0px 11px 6px -10px ${o.colors.green} !important`
-  },
-  "&:focus": {
-    boxShadow: `inset 0px -11px 6px -10px ${o.colors.darkGreen}, inset 0px 11px 6px -10px ${o.colors.darkGreen} !important`
-  }
-}));
-export {
-  a as default
-};