sate-lib 1.1.20 → 1.1.23

package/lib/assets/styles/reset.css

@@ -0,0 +1,70 @@
+*, :before, :after {
+  box-sizing: border-box;
+}
+
+* {
+  outline: none;
+  margin: 0;
+  padding: 0;
+}
+
+ul, ol {
+  list-style: none;
+}
+
+html:focus-within {
+  scroll-behavior: smooth;
+}
+
+a:not([class]) {
+  text-decoration-skip-ink: auto;
+  color: inherit;
+}
+
+img, picture, svg, video, canvas {
+  vertical-align: middle;
+  background-repeat: no-repeat;
+  background-size: cover;
+  max-width: 100%;
+  height: auto;
+}
+
+input, button, textarea, select {
+  font: inherit;
+  color: inherit;
+  background: none;
+  border: none;
+  outline: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html:focus-within {
+    scroll-behavior: auto;
+  }
+
+  *, :before, :after {
+    transition: none;
+    scroll-behavior: auto !important;
+    transition-duration: .01ms !important;
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+  }
+}
+
+body, html {
+  scroll-behavior: smooth;
+  height: 100%;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+}
+
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+button {
+  cursor: pointer;
+}
+

package/lib/assets/styles/tokens.css

@@ -0,0 +1,34 @@
+:root {
+  --box-shadow-1: 0px 1px 0px 0px #11111a1a;
+  --box-shadow-2: 0px 1px 0px #11111a0d, 0px 0px 8px #11111a1a;
+  --opacity-disabled: .38;
+  --color-theme-core-bright: #317c6c;
+  --color-theme-core-dark: #b80f0f;
+  --color-system-content-primary: #0e0e0e;
+  --color-system-content-secondary: #474747;
+  --color-system-content-tertiary: #767676;
+  --radius-radii-10: .625rem;
+  --radius-radii-16: 1rem;
+  --radius-radii-24: 1.5rem;
+  --radius-large-container: 1rem;
+  --radius-chip: .5rem;
+  --radius-medium-container: .75rem;
+  --spacing-size-4: .25rem;
+  --spacing-size-154: 9.625rem;
+  --spacing-size-0: 0;
+  --padding-x-small: .5rem;
+  --padding-small: 1rem;
+  --padding-medium: 1.5rem;
+  --padding-large: 2rem;
+  --size-x-small: 1.5rem;
+  --size-medium: 2.5rem;
+  --size-large: 3rem;
+  --size-x-large: 3.5rem;
+  --size-small: 2rem;
+  --size-2x-large: 4.5rem;
+  --size-2x-small: 1rem;
+  --spacing-column-gap-cards: .75rem;
+  --spacing-column-gap-chips: .5rem;
+  --spacing-column-margin-screen-mobile: 1.5rem;
+}
+

package/lib/components/badge/badge.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+export declare function Badge({ className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/badge/badge.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import badge_styles_module from "./badge.styles.module.js";
+function Badge({ className = "", children, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: `${badge_styles_module.badge} ${className}`.trim(),
+        ...props,
+        children: children
+    });
+}
+export { Badge };

package/lib/components/badge/badge.styles.module.js

@@ -0,0 +1,5 @@
+import "./badge.styles_module.css";
+const badge_styles_module = {
+    badge: "badge-AenA5o"
+};
+export { badge_styles_module as default };

package/{dist/badge/badge.css → lib/components/badge/badge.styles_module.css}

@@ -1,4 +1,4 @@
-.badge {
+.badge-AenA5o {
   border-radius: .25rem;
 }
 

package/lib/components/button/button.d.ts

@@ -0,0 +1,9 @@
+interface ButtonProps {
+    primary?: boolean;
+    backgroundColor?: string;
+    size?: "small" | "medium" | "large";
+    label: string;
+    onClick?: () => void;
+}
+export declare function Button({ primary, size, backgroundColor, label, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/button/button.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import button_styles_module from "./button.styles.module.js";
+function Button({ primary = false, size = "medium", backgroundColor, label, ...props }) {
+    const mode = primary ? button_styles_module.primary : button_styles_module.secondary;
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: [
+            button_styles_module.button,
+            button_styles_module[size],
+            mode
+        ].join(" "),
+        style: {
+            backgroundColor
+        },
+        ...props,
+        children: label
+    });
+}
+export { Button };

package/lib/components/button/button.styles.module.js

@@ -0,0 +1,10 @@
+import "./button.styles_module.css";
+const button_styles_module = {
+    button: "button-dWV52U",
+    primary: "primary-bbJ4Nd",
+    secondary: "secondary-W91doR",
+    small: "small-uxUptY",
+    medium: "medium-iwhjuP",
+    large: "large-N1qL9e"
+};
+export { button_styles_module as default };

package/{dist/button/button.css → lib/components/button/button.styles_module.css}

@@ -1,4 +1,4 @@
-.demo-button {
+.button-dWV52U {
   cursor: pointer;
   border: 0;
   border-radius: 3em;
@@ -7,28 +7,28 @@
   display: inline-block;
 }
 
-.demo-button--primary {
+.primary-bbJ4Nd {
   color: #fff;
   background-color: #1ea7fd;
 }
 
-.demo-button--secondary {
+.secondary-W91doR {
   color: #333;
   background-color: #0000;
   box-shadow: inset 0 0 0 1px #00000026;
 }
 
-.demo-button--small {
+.small-uxUptY {
   padding: 10px 16px;
   font-size: 12px;
 }
 
-.demo-button--medium {
+.medium-iwhjuP {
   padding: 11px 20px;
   font-size: 14px;
 }
 
-.demo-button--large {
+.large-N1qL9e {
   padding: 12px 24px;
   font-size: 16px;
 }

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./components/button/button";
+export { Badge } from "./components/badge/badge";

package/lib/index.js

@@ -0,0 +1,3 @@
+import { Button } from "./components/button/button.js";
+import { Badge } from "./components/badge/badge.js";
+export { Badge, Button };

package/package.json

@@ -1,24 +1,17 @@
 {
   "name": "sate-lib",
-  "version": "1.1.20",
+  "version": "1.1.23",
   "type": "module",
   "exports": {
-    "./button": {
-      "import": "./dist/button/button.js",
-      "types": "./dist/components/button/button.d.ts"
-    },
-    "./badge": {
-      "import": "./dist/badge/badge.js",
-      "types": "./dist/components/badge/badge.d.ts"
-    },
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
+      "import": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./tokens.css": "./lib/assets/styles/tokens.css"
   },
-  "types": "./dist/index.d.ts",
+  "types": "./lib/index.d.ts",
   "files": [
-    "dist"
+    "lib"
   ],
   "scripts": {
     "build": "rslib build",
@@ -31,6 +24,7 @@
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@rsbuild/core": "1.4.0-beta.4",
+    "@rsbuild/plugin-css-minimizer": "^1.0.2",
     "@rsbuild/plugin-react": "^1.3.2",
     "@rslib/core": "^0.10.2",
     "@storybook/addon-docs": "^9.0.11",

package/dist/badge/badge.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "./badge.css";
-const Badge = ({ className = "", children, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: `badge ${className}`.trim(),
-        ...props,
-        children: children
-    });
-const badge = Badge;
-export { badge as default };

package/dist/button/button.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "./button.css";
-const Button = ({ primary = false, size = "medium", backgroundColor, label, ...props })=>{
-    const mode = primary ? "demo-button--primary" : "demo-button--secondary";
-    return /*#__PURE__*/ jsx("button", {
-        type: "button",
-        className: [
-            "demo-button",
-            `demo-button--${size}`,
-            mode
-        ].join(" "),
-        style: {
-            backgroundColor
-        },
-        ...props,
-        children: label
-    });
-};
-const button_button = Button;
-export { button_button as default };

package/dist/components/badge/badge.d.ts

@@ -1,7 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import "./badge.css";
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    children: ReactNode;
-}
-declare const Badge: ({ className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export default Badge;

package/dist/components/button/button.d.ts

@@ -1,10 +0,0 @@
-import "./button.css";
-interface ButtonProps {
-    primary?: boolean;
-    backgroundColor?: string;
-    size?: "small" | "medium" | "large";
-    label: string;
-    onClick?: () => void;
-}
-declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from "./components/button/button";
-export { default as Badge } from "./components/badge/badge";