@kavagy/react 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/avatar/avatar.js +1 -1
- package/dist/badges/badges.js +1 -1
- package/dist/button/button.js +1 -1
- package/dist/button-utility/button-utility.js +2 -2
- package/dist/checkbox/checkbox.js +1 -1
- package/dist/dropdown/dropdown.js +4 -4
- package/dist/input/input.js +2 -2
- package/dist/modal/modal.js +1 -1
- package/dist/radio-buttons/radio-buttons.js +1 -1
- package/dist/select/select.js +4 -4
- package/dist/styles.css +3 -0
- package/dist/table/table.js +4 -4
- package/dist/tabs/tabs.js +1 -1
- package/dist/textarea/textarea.js +2 -2
- package/dist/toggle/toggle.js +1 -1
- package/dist/tooltip/tooltip.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @kavagy/react
|
|
2
2
|
|
|
3
|
+
## 0.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 3b0c5d6: Publish to npmjs.com as public packages. Consumers no longer need a registry
|
|
8
|
+
entry, a token or an environment variable: `npm install @kavagy/react` works
|
|
9
|
+
out of the box. The package contents are unchanged.
|
|
10
|
+
- Updated dependencies [3b0c5d6]
|
|
11
|
+
- @kavagy/tokens@0.1.2
|
|
12
|
+
- @kavagy/icons@0.1.1
|
|
13
|
+
|
|
3
14
|
## 0.1.1
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
package/dist/avatar/avatar.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { tv } from "../utils/tv.js";
|
|
4
|
-
import { User01 } from "@kavagy/icons";
|
|
5
4
|
import { forwardRef, useState } from "react";
|
|
6
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { User01 } from "@kavagy/icons";
|
|
7
7
|
//#region src/avatar/avatar.tsx
|
|
8
8
|
const avatarStyles = tv({
|
|
9
9
|
slots: {
|
package/dist/badges/badges.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { tv } from "../utils/tv.js";
|
|
4
4
|
import { isReactComponent } from "../utils/is-react-component.js";
|
|
5
|
-
import { X } from "@kavagy/icons";
|
|
6
5
|
import { forwardRef, isValidElement } from "react";
|
|
7
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import { X } from "@kavagy/icons";
|
|
8
8
|
//#region src/badges/badges.tsx
|
|
9
9
|
const badgeStyles = tv({
|
|
10
10
|
slots: {
|
package/dist/button/button.js
CHANGED
|
@@ -3,8 +3,8 @@ import { cx } from "../utils/cx.js";
|
|
|
3
3
|
import { tv } from "../utils/tv.js";
|
|
4
4
|
import { isReactComponent } from "../utils/is-react-component.js";
|
|
5
5
|
import { forwardRef, isValidElement } from "react";
|
|
6
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
6
|
import { Button as Button$1, Link } from "react-aria-components";
|
|
7
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
//#region src/button/button.tsx
|
|
9
9
|
const buttonStyles = tv({
|
|
10
10
|
slots: {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { tv } from "../utils/tv.js";
|
|
4
|
-
import { isReactComponent } from "../utils/is-react-component.js";
|
|
5
4
|
import { Tooltip as Tooltip$1 } from "../tooltip/tooltip.js";
|
|
6
5
|
import "../tooltip/index.js";
|
|
6
|
+
import { isReactComponent } from "../utils/is-react-component.js";
|
|
7
7
|
import { forwardRef, isValidElement } from "react";
|
|
8
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
8
|
import { Button, Link } from "react-aria-components";
|
|
9
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
//#region src/button-utility/button-utility.tsx
|
|
11
11
|
const buttonUtilityStyles = tv({
|
|
12
12
|
base: [
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
4
|
import { Checkbox as Checkbox$1 } from "react-aria-components";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
//#region src/checkbox/checkbox.tsx
|
|
7
7
|
const CheckboxBase = ({ className, isSelected, isDisabled, isIndeterminate, size = "sm", isFocusVisible = false }) => {
|
|
8
8
|
return /* @__PURE__ */ jsxs("div", {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
|
-
import { Avatar } from "../avatar/avatar.js";
|
|
4
|
-
import "../avatar/index.js";
|
|
5
3
|
import { CheckboxBase } from "../checkbox/checkbox.js";
|
|
6
4
|
import "../checkbox/index.js";
|
|
5
|
+
import { Avatar } from "../avatar/avatar.js";
|
|
6
|
+
import "../avatar/index.js";
|
|
7
7
|
import { RadioButtonBase } from "../radio-buttons/radio-buttons.js";
|
|
8
8
|
import "../radio-buttons/index.js";
|
|
9
|
-
import { Check, ChevronRight, DotsVertical } from "@kavagy/icons";
|
|
10
9
|
import { forwardRef } from "react";
|
|
11
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
10
|
import { Button, Header, Menu, MenuItem, MenuSection, MenuTrigger, Popover, Separator } from "react-aria-components";
|
|
11
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
import { Check, ChevronRight, DotsVertical } from "@kavagy/icons";
|
|
13
13
|
//#region src/dropdown/dropdown.tsx
|
|
14
14
|
const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = "checkmark", ...props }) => {
|
|
15
15
|
if (unstyled) return /* @__PURE__ */ jsx(MenuItem, {
|
package/dist/input/input.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from "../tooltip/tooltip.js";
|
|
4
4
|
import "../tooltip/index.js";
|
|
5
|
-
import { Eye, EyeOff, HelpCircle, InfoCircle } from "@kavagy/icons";
|
|
6
5
|
import { createContext, forwardRef, useContext, useState } from "react";
|
|
7
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
6
|
import { Button, Group, Input as Input$1, Label as Label$1, Text, TextField } from "react-aria-components";
|
|
7
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { Eye, EyeOff, HelpCircle, InfoCircle } from "@kavagy/icons";
|
|
9
9
|
//#region src/input/input.tsx
|
|
10
10
|
const Label = forwardRef(function Label({ isInvalid, isRequired, className, children, ...props }, ref) {
|
|
11
11
|
return /* @__PURE__ */ jsxs(Label$1, {
|
package/dist/modal/modal.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
import { Dialog as Dialog$1, DialogTrigger as DialogTrigger$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1 } from "react-aria-components";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
//#region src/modal/modal.tsx
|
|
7
7
|
const DialogTrigger = DialogTrigger$1;
|
|
8
8
|
const ModalOverlay = forwardRef(function ModalOverlay(props, ref) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { createContext, forwardRef, useContext } from "react";
|
|
4
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
4
|
import { Radio, RadioGroup as RadioGroup$1 } from "react-aria-components";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
//#region src/radio-buttons/radio-buttons.tsx
|
|
7
7
|
const RadioGroupContext = createContext(null);
|
|
8
8
|
const RadioButtonBase = ({ className, isFocusVisible, isSelected, isDisabled, size = "sm" }) => {
|
package/dist/select/select.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
|
-
import { Avatar } from "../avatar/avatar.js";
|
|
4
|
-
import "../avatar/index.js";
|
|
5
3
|
import { isReactComponent } from "../utils/is-react-component.js";
|
|
6
4
|
import { CheckboxBase } from "../checkbox/checkbox.js";
|
|
7
5
|
import "../checkbox/index.js";
|
|
6
|
+
import { Avatar } from "../avatar/avatar.js";
|
|
7
|
+
import "../avatar/index.js";
|
|
8
8
|
import { HintText, Label as Label$1 } from "../input/input.js";
|
|
9
9
|
import "../input/index.js";
|
|
10
|
-
import { Check, ChevronDown } from "@kavagy/icons";
|
|
11
10
|
import { createContext, forwardRef, isValidElement, useContext } from "react";
|
|
12
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
13
11
|
import { Button, ListBox, ListBoxItem, Popover, Select as Select$1, SelectValue, Text } from "react-aria-components";
|
|
12
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { Check, ChevronDown } from "@kavagy/icons";
|
|
14
14
|
//#region src/select/select.tsx
|
|
15
15
|
const selectSizes = {
|
|
16
16
|
sm: {
|
package/dist/styles.css
CHANGED
package/dist/table/table.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
|
-
import { Badge } from "../badges/badges.js";
|
|
4
|
-
import "../badges/index.js";
|
|
5
3
|
import { Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from "../tooltip/tooltip.js";
|
|
6
4
|
import "../tooltip/index.js";
|
|
7
5
|
import { Checkbox as Checkbox$1 } from "../checkbox/checkbox.js";
|
|
8
6
|
import "../checkbox/index.js";
|
|
9
7
|
import { Dropdown } from "../dropdown/dropdown.js";
|
|
10
|
-
import {
|
|
8
|
+
import { Badge } from "../badges/badges.js";
|
|
9
|
+
import "../badges/index.js";
|
|
11
10
|
import { createContext, forwardRef, isValidElement, useContext } from "react";
|
|
12
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
11
|
import { Cell, Collection, Column, Group, Row, Table as Table$1, TableBody, TableHeader, useTableOptions } from "react-aria-components";
|
|
12
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { ArrowDown, ChevronSelectorVertical, Copy01, Edit01, HelpCircle, Trash01 } from "@kavagy/icons";
|
|
14
14
|
//#region src/table/table.tsx
|
|
15
15
|
const TableRowActionsDropdown = () => /* @__PURE__ */ jsxs(Dropdown.Root, { children: [/* @__PURE__ */ jsx(Dropdown.DotsButton, {}), /* @__PURE__ */ jsx(Dropdown.Popover, {
|
|
16
16
|
className: "w-min",
|
package/dist/tabs/tabs.js
CHANGED
|
@@ -4,8 +4,8 @@ import { isReactComponent } from "../utils/is-react-component.js";
|
|
|
4
4
|
import { Badge } from "../badges/badges.js";
|
|
5
5
|
import "../badges/index.js";
|
|
6
6
|
import { createContext, forwardRef, isValidElement, useContext } from "react";
|
|
7
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
7
|
import { Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, Tabs as Tabs$1, TabsContext, useSlottedContext } from "react-aria-components";
|
|
8
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
//#region src/tabs/tabs.tsx
|
|
10
10
|
const getTabStyles = ({ isFocusVisible, isSelected, isHovered }) => ({
|
|
11
11
|
"button-brand": cx("outline-focus-ring *:data-icon:text-fg-quaternary", isFocusVisible && "outline-2 -outline-offset-2", (isSelected || isHovered) && "bg-brand-primary_alt text-brand-secondary *:data-icon:text-fg-brand-secondary_hover"),
|
|
@@ -4,10 +4,10 @@ import { Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from "../too
|
|
|
4
4
|
import "../tooltip/index.js";
|
|
5
5
|
import { HintText, Label as Label$1 } from "../input/input.js";
|
|
6
6
|
import "../input/index.js";
|
|
7
|
-
import { HelpCircle } from "@kavagy/icons";
|
|
8
7
|
import { forwardRef } from "react";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
8
|
import { TextArea as TextArea$1, TextField } from "react-aria-components";
|
|
9
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
import { HelpCircle } from "@kavagy/icons";
|
|
11
11
|
//#region src/textarea/textarea.tsx
|
|
12
12
|
const getResizeHandleBg = (color) => {
|
|
13
13
|
return `url(data:image/svg+xml;base64,${btoa(`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L2 10" stroke="${color}" stroke-linecap="round"/><path d="M11 7L7 11" stroke="${color}" stroke-linecap="round"/></svg>`)})`;
|
package/dist/toggle/toggle.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { tv } from "../utils/tv.js";
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
5
|
import { Switch } from "react-aria-components";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
//#region src/toggle/toggle.tsx
|
|
8
8
|
const toggleStyles = tv({
|
|
9
9
|
slots: {
|
package/dist/tooltip/tooltip.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { cx } from "../utils/cx.js";
|
|
3
3
|
import { tv } from "../utils/tv.js";
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
5
|
import { Button, OverlayArrow, Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from "react-aria-components";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
//#region src/tooltip/tooltip.tsx
|
|
8
8
|
const tooltipStyles = tv({
|
|
9
9
|
slots: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kavagy/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -106,8 +106,8 @@
|
|
|
106
106
|
"react-dom": "^18.3.1 || ^19.0.0"
|
|
107
107
|
},
|
|
108
108
|
"dependencies": {
|
|
109
|
-
"@kavagy/icons": "^0.1.
|
|
110
|
-
"@kavagy/tokens": "^0.1.
|
|
109
|
+
"@kavagy/icons": "^0.1.1",
|
|
110
|
+
"@kavagy/tokens": "^0.1.2",
|
|
111
111
|
"react-aria": "^3.47.0",
|
|
112
112
|
"react-aria-components": "^1.21.1",
|
|
113
113
|
"tailwind-merge": "^3.7.0",
|