@yakad/ui 1.2.62-beta → 1.2.63-beta

package/index.d.ts

@@ -20,5 +20,4 @@ import Loading from "./loading/loading";
 import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
 import Theme from "./theme/theme";
-import Background from "./background/background";
-export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, Background, };
+export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, };

package/index.js

@@ -20,6 +20,5 @@ import Loading from "./loading/loading";
 import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
 import Theme from "./theme/theme";
-import Background from "./background/background";
-export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, Background, };
+export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,UAAU,GACb,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,GACR,CAAC"}

package/index.tsx

@@ -20,7 +20,6 @@ import Loading from "./loading/loading";
 import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
 import Theme from "./theme/theme";
-import Background from "./background/background";
 export {
     Button,
     AppBar,
@@ -44,5 +43,4 @@ export {
     CodeField,
     InputField,
     Theme,
-    Background,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.2.62-beta",
+    "version": "1.2.63-beta",
     "description": "",
     "main": "./src/index.js",
     "scripts": {

package/theme/theme.module.css

@@ -19,7 +19,7 @@
     --LightSurfaceVariantColor: 231 224 236;
     --LightSurfaceDimColor: 222 216 225;
     --LightSurfaceBrightColor: 254 247 255;
-    --LightSurfaceContainerLowestColor: 255 255 255>;
+    --LightSurfaceContainerLowestColor: 255 255 255;
     --LightSurfaceContainerLowColor: 247 242 250;
     --LightSurfaceContainerColor: 243 237 247;
     --LightSurfaceContainerHightColor: 236 230 240;

package/background/background.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface BackgroundProps extends React.HTMLAttributes<HTMLElement> {
-    variant?: "dotted" | "gradient";
-    backgroundfixed?: boolean;
-    backgroundimage?: string;
-}
-declare function Background(props: BackgroundProps): JSX.Element;
-export default Background;

package/background/background.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./background.module.css";
-function Background(props) {
-    const joinedClassNames = joinClassNames(styles.div, props.variant ? styles[props.variant] : "", props.backgroundfixed ? styles.fixed : "", props.backgroundimage ? styles.image : "", props.className);
-    const joinedStyles = joinStyles(props.backgroundimage
-        ? { backgroundImage: `url(${props.backgroundimage})` }
-        : {}, props.style);
-    return (React.createElement("div", { style: joinedStyles, className: joinedClassNames }, props.children));
-}
-export default Background;
-//# sourceMappingURL=background.js.map

package/background/background.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"background.js","sourceRoot":"","sources":["background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAO7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,GAAG,EACV,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EACzC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EACzC,KAAK,CAAC,SAAU,CACnB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,eAAe;QACjB,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,KAAK,CAAC,eAAe,GAAG,EAAE;QACtD,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,IAChD,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/background/background.module.css

@@ -1,29 +0,0 @@
-.div {
-    width: 100%;
-    background-position: center;
-}
-.div.dotted {
-    border-bottom: 1px solid rgb(203 213 224);
-    background-color: rgb(var(--surfaceContainerHighestColor, 230 224 233));
-    background-image: radial-gradient(
-        rgb(var(--surfaceContainerLowestColor, 255 255 255)) 0.8px,
-        rgb(var(--surfaceContainerHighestColor, 230 224 233)) 0.5px
-    );
-    background-size: 10px 10px;
-    box-shadow: inset 0px -11px 16px -10px rgb(125 125 125);
-}
-.div.gradient {
-    background: linear-gradient(
-        90deg,
-        rgb(var(--primaryColor, 11 87 208)) 27%,
-        rgb(var(--primaryContainerColor, 211 227 253)) 100%
-    );
-}
-
-.div.fixed {
-    background-attachment: fixed;
-}
-.div.image {
-    background-size: cover;
-    background-repeat: no-repeat;
-}

package/background/background.tsx

@@ -1,32 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { joinClassNames, joinStyles } from "@yakad/lib";
-import styles from "./background.module.css";
-interface BackgroundProps extends React.HTMLAttributes<HTMLElement> {
-    variant?: "dotted" | "gradient";
-    backgroundfixed?: boolean;
-    backgroundimage?: string;
-}
-
-function Background(props: BackgroundProps) {
-    const joinedClassNames = joinClassNames(
-        styles.div,
-        props.variant ? styles[props.variant] : "",
-        props.backgroundfixed ? styles.fixed : "",
-        props.backgroundimage ? styles.image : "",
-        props.className!
-    );
-    const joinedStyles = joinStyles(
-        props.backgroundimage
-            ? { backgroundImage: `url(${props.backgroundimage})` }
-            : {},
-        props.style!
-    );
-
-    return (
-        <div style={joinedStyles} className={joinedClassNames}>
-            {props.children}
-        </div>
-    );
-}
-
-export default Background;