@spark-ui/spinner 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 0.1.0 (2023-04-17)
+
+### Features
+
+- **spinner:** add current color as default ([7e5b55b](https://github.com/adevinta/spark/commit/7e5b55b5d55a5514de07ce118e88a529bc0dece0))
+- **spinner:** add first iteration of spinner component ([930e715](https://github.com/adevinta/spark/commit/930e7154e13880b8623565a84b7f5a82e83adf25))
+- **spinner:** bump version ([c517dd0](https://github.com/adevinta/spark/commit/c517dd0b34723add844de5d503bb248098b59275))
+- **spinner:** update sizes ([5e2c296](https://github.com/adevinta/spark/commit/5e2c29680fd7c423403be7a1b3a4c89938c1e0ee))
+- **spinner:** update spinner story and add background visible prop ([cc89533](https://github.com/adevinta/spark/commit/cc89533dfecdc2cd294f5ff2d6719d20092a1c87))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SpinnerVariantsProps } from './Spinner.variants';
+export interface SpinnerProps extends ComponentPropsWithoutRef<'div'>, SpinnerVariantsProps {
+    label?: string;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Spinner.variants.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    intent?: "current" | "primary" | "secondary" | "success" | "alert" | "error" | "info" | "neutral" | null | undefined;
+    isBackgroundVisible?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { Spinner } from './Spinner';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),l=require("@spark-ui/visually-hidden"),d=require("class-variance-authority").cva(["inline-block","border-solid","rounded-full","border-md","animate-spin"],{variants:{size:{sm:["w-sz-20","h-sz-20"],md:["w-sz-28","h-sz-28"]},intent:{current:["border-current"],primary:["border-primary"],secondary:["border-secondary"],success:["border-success"],alert:["border-alert"],error:["border-error"],info:["border-info"],neutral:["border-neutral"]},isBackgroundVisible:{true:["border-b-neutral-container","border-l-neutral-container"],false:["border-b-transparent","border-l-transparent"]}},defaultVariants:{intent:"current",size:"sm",isBackgroundVisible:!1}}),c=r.forwardRef(({className:n,size:a,intent:i,label:e,isBackgroundVisible:s,...t},o)=>r.createElement("div",{ref:o,className:d({className:n,size:a,intent:i,isBackgroundVisible:s}),...t},e&&r.createElement(l.VisuallyHidden,null,e)));exports.Spinner=c;

package/dist/index.mjs

@@ -0,0 +1,7 @@
+import e, { forwardRef as d } from "react";
+import { VisuallyHidden as l } from "@spark-ui/visually-hidden";
+import { cva as c } from "class-variance-authority";
+const b = c(["inline-block", "border-solid", "rounded-full", "border-md", "animate-spin"], { variants: { size: { sm: ["w-sz-20", "h-sz-20"], md: ["w-sz-28", "h-sz-28"] }, intent: { current: ["border-current"], primary: ["border-primary"], secondary: ["border-secondary"], success: ["border-success"], alert: ["border-alert"], error: ["border-error"], info: ["border-info"], neutral: ["border-neutral"] }, isBackgroundVisible: { true: ["border-b-neutral-container", "border-l-neutral-container"], false: ["border-b-transparent", "border-l-transparent"] } }, defaultVariants: { intent: "current", size: "sm", isBackgroundVisible: !1 } }), p = d(({ className: n, size: s, intent: a, label: r, isBackgroundVisible: i, ...o }, t) => e.createElement("div", { ref: t, className: b({ className: n, size: s, intent: a, isBackgroundVisible: i }), ...o }, r && e.createElement(l, null, r)));
+export {
+  p as Spinner
+};

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@spark-ui/spinner",
+  "version": "0.1.0",
+  "description": "Spinners provide a visual cue that an action is processing awaiting a course of change or a result.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@spark-ui/visually-hidden": "0"
+  },
+  "gitHead": "c86977c12539bba059b82a1cf0c69da91d1919d8"
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["src/**/*", "../../../global.d.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,6 @@
+import path from 'path'
+import { getComponentConfiguration } from '../../../config/index'
+
+const { name } = require(path.resolve(__dirname, 'package.json'))
+
+export default getComponentConfiguration(process.cwd(), name)