@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 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
@@ -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: {
@@ -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: {
@@ -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, {
@@ -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, {
@@ -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" }) => {
@@ -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
@@ -392,6 +392,9 @@
392
392
  .block {
393
393
  display: block;
394
394
  }
395
+ .contents {
396
+ display: contents;
397
+ }
395
398
  .flex {
396
399
  display: flex;
397
400
  }
@@ -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 { ArrowDown, ChevronSelectorVertical, Copy01, Edit01, HelpCircle, Trash01 } from "@kavagy/icons";
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>`)})`;
@@ -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: {
@@ -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.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.0",
110
- "@kavagy/tokens": "^0.1.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",