@kanso-labs/kanso-ui 0.45.10 → 0.45.12
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/dist/button/hooks.js +2 -2
- package/dist/button/index.js +2 -2
- package/dist/chip/index.js +1 -1
- package/dist/color-scheme.js +1 -1
- package/dist/components/app-bar/index.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/breadcrumbs/index.js +1 -1
- package/dist/components/button/index.js +3 -3
- package/dist/components/button-group/index.js +2 -2
- package/dist/components/calendar/index.js +3 -3
- package/dist/components/card/index.js +2 -2
- package/dist/components/carousel/index.js +4 -4
- package/dist/components/checkbox/index.js +6 -6
- package/dist/components/checkbox-group/index.js +3 -3
- package/dist/components/chip/index.js +3 -3
- package/dist/components/chip-group/index.js +8 -8
- package/dist/components/color-area/index.js +1 -1
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/index.js +3 -3
- package/dist/components/color-slider/index.js +3 -3
- package/dist/components/color-swatch/index.js +1 -1
- package/dist/components/color-wheel/index.js +1 -1
- package/dist/components/combo-box/index.js +3 -3
- package/dist/components/copy-field/index.js +1 -1
- package/dist/components/date-field/index.js +3 -3
- package/dist/components/date-picker/index.js +6 -6
- package/dist/components/date-range-picker/index.js +5 -5
- package/dist/components/dialog/index.js +4 -4
- package/dist/components/disclosure/index.js +2 -2
- package/dist/components/fab/index.js +1 -1
- package/dist/components/fab-menu/index.js +4 -4
- package/dist/components/form/index.js +1 -1
- package/dist/components/icon-button/index.js +3 -3
- package/dist/components/index.d.ts +2 -2
- package/dist/components/keycap/index.js +1 -1
- package/dist/components/link/index.js +1 -1
- package/dist/components/list/index.js +4 -4
- package/dist/components/list-box/index.js +3 -3
- package/dist/components/list-item/index.js +3 -3
- package/dist/components/menu/index.js +5 -5
- package/dist/components/meter/index.js +3 -3
- package/dist/components/navigation-bar/index.d.ts +1 -1
- package/dist/components/navigation-bar/index.js +2 -2
- package/dist/components/navigation-rail/index.d.ts +1 -1
- package/dist/components/navigation-rail/index.js +2 -2
- package/dist/components/navigation-tree/index.js +3 -3
- package/dist/components/number-field/index.js +4 -4
- package/dist/components/popover/index.js +2 -2
- package/dist/components/progress-indicator/index.js +2 -2
- package/dist/components/radio-group/index.js +6 -6
- package/dist/components/range-calendar/index.js +3 -3
- package/dist/components/search-field/index.js +4 -4
- package/dist/components/search-view/index.js +4 -4
- package/dist/components/segmented-button/index.js +4 -4
- package/dist/components/select/index.js +3 -3
- package/dist/components/sheet/index.js +4 -4
- package/dist/components/slider/index.js +2 -2
- package/dist/components/snackbar/index.js +2 -2
- package/dist/components/split-button/index.js +3 -3
- package/dist/components/switch/index.js +6 -6
- package/dist/components/table/index.js +4 -4
- package/dist/components/text-area/index.js +2 -2
- package/dist/components/text-field/index.js +2 -2
- package/dist/components/time-field/index.js +3 -3
- package/dist/components/time-picker/index.js +8 -8
- package/dist/components/token-field/index.js +5 -5
- package/dist/components/tree/index.js +4 -4
- package/dist/control/index.js +1 -1
- package/dist/drag/hooks.js +1 -1
- package/dist/field/index.js +3 -3
- package/dist/glyphs/index.js +1 -1
- package/dist/hooks/useRipple.js +1 -1
- package/dist/mark/index.js +2 -2
- package/dist/navigation/index.js +3 -3
- package/dist/theme-scope.d.ts +1 -1
- package/dist/theme-scope.js +2 -2
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { RenderComponentProps } from "../../render/useRender.js";
|
|
2
1
|
import { NavigationItemProps } from "../../navigation/index.js";
|
|
2
|
+
import { RenderComponentProps } from "../../render/useRender.js";
|
|
3
3
|
import { RefAttributes } from "react";
|
|
4
4
|
type NavigationBarProps = RenderComponentProps<'nav'> & {
|
|
5
5
|
/**
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { NavigationItem, NavigationList } from "../../navigation/index.js";
|
|
3
|
+
import { NavigationContext } from "../../navigation/context.js";
|
|
2
4
|
import { mergeRefs } from "../../render/ref.js";
|
|
3
5
|
import { useRender } from "../../render/useRender.js";
|
|
4
6
|
import { mergeStyles } from "../../styles/merge.js";
|
|
5
|
-
import { NavigationContext } from "../../navigation/context.js";
|
|
6
|
-
import { NavigationItem, NavigationList } from "../../navigation/index.js";
|
|
7
7
|
import { c } from "react/compiler-runtime";
|
|
8
8
|
import { useLayoutEffect, useState } from "react";
|
|
9
9
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { RenderComponentProps } from "../../render/useRender.js";
|
|
2
1
|
import { NavigationItemProps } from "../../navigation/index.js";
|
|
2
|
+
import { RenderComponentProps } from "../../render/useRender.js";
|
|
3
3
|
import { ReactNode, RefAttributes } from "react";
|
|
4
4
|
type NavigationRailProps = RenderComponentProps<'nav'> & {
|
|
5
5
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { NavigationItem, NavigationList } from "../../navigation/index.js";
|
|
3
|
+
import { NavigationContext } from "../../navigation/context.js";
|
|
2
4
|
import { useRender } from "../../render/useRender.js";
|
|
3
5
|
import { mergeStyles } from "../../styles/merge.js";
|
|
4
|
-
import { NavigationContext } from "../../navigation/context.js";
|
|
5
|
-
import { NavigationItem, NavigationList } from "../../navigation/index.js";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import "react";
|
|
8
8
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
4
|
-
import { rowStyles } from "../../row/styles.js";
|
|
5
3
|
import { collectionStyles } from "../../collection/styles.js";
|
|
6
4
|
import { ChevronEndGlyph } from "../../glyphs/index.js";
|
|
7
|
-
import { focus } from "../../styles/focus.js";
|
|
8
5
|
import { useRipple } from "../../hooks/useRipple.js";
|
|
9
6
|
import { RowContent } from "../../row/index.js";
|
|
7
|
+
import { rowStyles } from "../../row/styles.js";
|
|
8
|
+
import { focus } from "../../styles/focus.js";
|
|
9
|
+
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
10
10
|
import { c } from "react/compiler-runtime";
|
|
11
11
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
12
|
import { Button, NavigationTree, NavigationTreeHeader, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeSection } from "react-aria-components";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import {
|
|
4
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
5
|
-
import { MinusGlyph, PlusGlyph } from "../../glyphs/index.js";
|
|
3
|
+
import { FieldBox, FieldInput, FieldMessage } from "../../field/index.js";
|
|
6
4
|
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
|
+
import { MinusGlyph, PlusGlyph } from "../../glyphs/index.js";
|
|
6
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
7
|
+
import { sizing, spacing, typography } from "../../tokens/design.tokens.stylex.js";
|
|
7
8
|
import IconButton from "../icon-button/index.js";
|
|
8
|
-
import { FieldBox, FieldInput, FieldMessage } from "../../field/index.js";
|
|
9
9
|
import { c } from "react/compiler-runtime";
|
|
10
10
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
11
|
import { Button, NumberField } from "react-aria-components";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
+
import { OverlayScope } from "../../overlay/index.js";
|
|
3
4
|
import { mergeRefs } from "../../render/ref.js";
|
|
4
|
-
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
5
5
|
import { focus } from "../../styles/focus.js";
|
|
6
|
+
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
6
7
|
import { overlay, placementOf, popupOrigin } from "../../styles/overlay.js";
|
|
7
|
-
import { OverlayScope } from "../../overlay/index.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
|
9
9
|
import { createContext, useContext, useEffect, useId, useRef, useState } from "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { indicatorStyles } from "../../indicator/styles.js";
|
|
5
3
|
import { IndicatorLabels, IndicatorLine } from "../../indicator/index.js";
|
|
4
|
+
import { indicatorStyles } from "../../indicator/styles.js";
|
|
5
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import { ProgressBar } from "react-aria-components";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { ControlDescription, ControlLabel } from "../../control/index.js";
|
|
4
|
+
import { controlStyles } from "../../control/styles.js";
|
|
5
|
+
import { FieldLabel, FieldMessage } from "../../field/index.js";
|
|
6
6
|
import { invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
7
7
|
import { groupStyles } from "../../field/styles.js";
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import { useRipple } from "../../hooks/useRipple.js";
|
|
9
|
+
import { focus } from "../../styles/focus.js";
|
|
10
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
11
11
|
import { c } from "react/compiler-runtime";
|
|
12
12
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { RadioButton, RadioField, RadioGroup } from "react-aria-components";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { focus } from "../../styles/focus.js";
|
|
5
|
-
import { calendarStyles, dateLayers } from "../../calendar/styles.js";
|
|
6
3
|
import { CalendarFrame, CalendarGridHeader as CalendarGridHeader$1 } from "../../calendar/index.js";
|
|
7
4
|
import { monthOffsets } from "../../calendar/months.js";
|
|
5
|
+
import { calendarStyles, dateLayers } from "../../calendar/styles.js";
|
|
6
|
+
import { focus } from "../../styles/focus.js";
|
|
7
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
import { CalendarCell, CalendarGrid, CalendarGridBody, RangeCalendar } from "react-aria-components";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { FieldInput, FieldMessage } from "../../field/index.js";
|
|
4
|
+
import { focusesControl } from "../../field/press.js";
|
|
5
5
|
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
6
|
+
import { CloseGlyph, SearchGlyph } from "../../glyphs/index.js";
|
|
7
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
6
8
|
import IconButton from "../icon-button/index.js";
|
|
7
|
-
import { focusesControl } from "../../field/press.js";
|
|
8
|
-
import { FieldInput, FieldMessage } from "../../field/index.js";
|
|
9
9
|
import { c } from "react/compiler-runtime";
|
|
10
10
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
11
|
import { FieldInputContext, Label, SearchField, VisuallyHidden, useSlottedContext } from "react-aria-components";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import {
|
|
3
|
+
import { FieldInput } from "../../field/index.js";
|
|
4
|
+
import { ArrowBackGlyph, CloseGlyph } from "../../glyphs/index.js";
|
|
4
5
|
import { useMessages } from "../../i18n/index.js";
|
|
6
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
7
|
+
import { overlay } from "../../styles/overlay.js";
|
|
5
8
|
import Autocomplete$1 from "../autocomplete/index.js";
|
|
6
|
-
import { ArrowBackGlyph, CloseGlyph } from "../../glyphs/index.js";
|
|
7
9
|
import IconButton from "../icon-button/index.js";
|
|
8
|
-
import { FieldInput } from "../../field/index.js";
|
|
9
|
-
import { overlay } from "../../styles/overlay.js";
|
|
10
10
|
import { c } from "react/compiler-runtime";
|
|
11
11
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
12
|
import { Dialog, DialogTrigger, Label, Popover, SearchField, VisuallyHidden } from "react-aria-components";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { spacing } from "../../tokens/design.tokens.stylex.js";
|
|
4
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
5
3
|
import { CheckGlyph } from "../../glyphs/index.js";
|
|
4
|
+
import { useRipple } from "../../hooks/useRipple.js";
|
|
5
|
+
import { useToggleGroupDisabled } from "../../hooks/useToggleGroupDisabled.js";
|
|
6
6
|
import { ariaAttributesOf, toggleButtonRenderer } from "../../render/aria.js";
|
|
7
7
|
import { focus } from "../../styles/focus.js";
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
8
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
9
|
+
import { spacing } from "../../tokens/design.tokens.stylex.js";
|
|
10
10
|
import { c } from "react/compiler-runtime";
|
|
11
11
|
import { createContext, createElement, useContext, useLayoutEffect, useState } from "react";
|
|
12
12
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { ChevronEndGlyph } from "../../glyphs/index.js";
|
|
5
|
-
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
6
3
|
import { FieldBox, FieldMessage, FieldTrigger, FieldValue } from "../../field/index.js";
|
|
4
|
+
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
|
+
import { ChevronEndGlyph } from "../../glyphs/index.js";
|
|
6
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
7
7
|
import { overlay, popupOrigin } from "../../styles/overlay.js";
|
|
8
8
|
import ListBox$1 from "../list-box/index.js";
|
|
9
9
|
import { c } from "react/compiler-runtime";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeRefs } from "../../render/ref.js";
|
|
4
|
-
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
5
|
-
import { useMessages } from "../../i18n/index.js";
|
|
6
|
-
import { overlay } from "../../styles/overlay.js";
|
|
7
3
|
import { useHoldBottomEdge } from "../../hooks/useBottomEdge.js";
|
|
8
4
|
import { useScrollStop } from "../../hooks/useScrollStop.js";
|
|
5
|
+
import { useMessages } from "../../i18n/index.js";
|
|
9
6
|
import { OverlayScope } from "../../overlay/index.js";
|
|
7
|
+
import { mergeRefs } from "../../render/ref.js";
|
|
8
|
+
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
9
|
+
import { overlay } from "../../styles/overlay.js";
|
|
10
10
|
import { c } from "react/compiler-runtime";
|
|
11
11
|
import { createContext, useContext, useLayoutEffect, useRef, useSyncExternalStore } from "react";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { groupStyles } from "../../field/styles.js";
|
|
5
3
|
import { FieldLabel } from "../../field/index.js";
|
|
4
|
+
import { groupStyles } from "../../field/styles.js";
|
|
5
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import { Slider, SliderOutput, SliderThumb, SliderTrack } from "react-aria-components";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
3
|
import { CloseGlyph } from "../../glyphs/index.js";
|
|
5
|
-
import { useRipple } from "../../hooks/useRipple.js";
|
|
6
4
|
import { useBottomEdgeClearance } from "../../hooks/useBottomEdge.js";
|
|
5
|
+
import { useRipple } from "../../hooks/useRipple.js";
|
|
6
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
7
7
|
import { c } from "react/compiler-runtime";
|
|
8
8
|
import { useSyncExternalStore } from "react";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { radii, sizing } from "../../tokens/design.tokens.stylex.js";
|
|
3
|
-
import { mergeStyles } from "../../styles/merge.js";
|
|
4
|
-
import { ChevronDownGlyph } from "../../glyphs/index.js";
|
|
5
2
|
import { ButtonGroupItemContext } from "../../button/context.js";
|
|
3
|
+
import { ChevronDownGlyph } from "../../glyphs/index.js";
|
|
4
|
+
import { mergeStyles } from "../../styles/merge.js";
|
|
5
|
+
import { radii, sizing } from "../../tokens/design.tokens.stylex.js";
|
|
6
6
|
import Button$1 from "../button/index.js";
|
|
7
7
|
import Menu$1 from "../menu/index.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import {
|
|
3
|
+
import { ControlLabel } from "../../control/index.js";
|
|
4
|
+
import { controlStyles } from "../../control/styles.js";
|
|
5
|
+
import { FieldMessage } from "../../field/index.js";
|
|
6
|
+
import { invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
4
7
|
import { CheckGlyph, CloseGlyph } from "../../glyphs/index.js";
|
|
5
|
-
import { focus } from "../../styles/focus.js";
|
|
6
8
|
import { useRipple } from "../../hooks/useRipple.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { controlStyles } from "../../control/styles.js";
|
|
10
|
-
import { ControlLabel } from "../../control/index.js";
|
|
9
|
+
import { focus } from "../../styles/focus.js";
|
|
10
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
11
11
|
import { c } from "react/compiler-runtime";
|
|
12
12
|
import { useRef, useState } from "react";
|
|
13
13
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeRefs } from "../../render/ref.js";
|
|
4
|
-
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
5
|
-
import { rowStyles as rowStyles$1 } from "../../row/styles.js";
|
|
6
|
-
import { collectionStyles } from "../../collection/styles.js";
|
|
7
3
|
import { CollectionLoadMore } from "../../collection/index.js";
|
|
4
|
+
import { collectionStyles } from "../../collection/styles.js";
|
|
8
5
|
import { ArrowDownwardGlyph, ArrowUpwardGlyph } from "../../glyphs/index.js";
|
|
6
|
+
import { mergeRefs } from "../../render/ref.js";
|
|
7
|
+
import { rowStyles as rowStyles$1 } from "../../row/styles.js";
|
|
8
|
+
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
9
9
|
import Checkbox from "../checkbox/index.js";
|
|
10
10
|
import { c } from "react/compiler-runtime";
|
|
11
11
|
import { createContext, useContext } from "react";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
3
|
import { FieldBox, FieldMessage, FieldTextArea } from "../../field/index.js";
|
|
4
|
+
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import { TextField } from "react-aria-components";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
3
|
import { FieldBox, FieldInput, FieldMessage } from "../../field/index.js";
|
|
4
|
+
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import { TextField } from "react-aria-components";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
3
|
import { FieldBox, FieldMessage, FieldSegments } from "../../field/index.js";
|
|
6
|
-
import {
|
|
4
|
+
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
7
5
|
import { renderSegment } from "../../segments/index.js";
|
|
6
|
+
import { segmentStyles } from "../../segments/styles.js";
|
|
7
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
import { DateInput, TimeField } from "react-aria-components";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { useMessages } from "../../i18n/index.js";
|
|
5
|
-
import { ClockGlyph, KeyboardGlyph } from "../../glyphs/index.js";
|
|
6
|
-
import Button$1 from "../button/index.js";
|
|
7
|
-
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
8
|
-
import IconButton from "../icon-button/index.js";
|
|
9
3
|
import { FieldBox, FieldMessage, FieldSegments } from "../../field/index.js";
|
|
4
|
+
import { fieldStyles, invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
|
|
5
|
+
import { ClockGlyph, KeyboardGlyph } from "../../glyphs/index.js";
|
|
6
|
+
import { useMessages } from "../../i18n/index.js";
|
|
7
|
+
import { renderSegment } from "../../segments/index.js";
|
|
8
|
+
import { segmentStyles } from "../../segments/styles.js";
|
|
9
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
10
10
|
import { overlay } from "../../styles/overlay.js";
|
|
11
11
|
import { picker, triggerClassName } from "../../styles/picker.js";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
12
|
+
import Button$1 from "../button/index.js";
|
|
13
|
+
import IconButton from "../icon-button/index.js";
|
|
14
14
|
import { c } from "react/compiler-runtime";
|
|
15
15
|
import { useContext, useId, useRef, useState } from "react";
|
|
16
16
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
4
|
-
import { focus } from "../../styles/focus.js";
|
|
5
|
-
import { fieldStyles, invalidFrom } from "../../field/root.js";
|
|
6
|
-
import { FieldBox, FieldMessage } from "../../field/index.js";
|
|
7
|
-
import { chipStyles } from "../../chip/styles.js";
|
|
8
3
|
import { chipLabel } from "../../chip/index.js";
|
|
4
|
+
import { chipStyles } from "../../chip/styles.js";
|
|
5
|
+
import { FieldBox, FieldMessage } from "../../field/index.js";
|
|
6
|
+
import { fieldStyles, invalidFrom } from "../../field/root.js";
|
|
7
|
+
import { focus } from "../../styles/focus.js";
|
|
8
|
+
import { mergeStatefulStyles } from "../../styles/merge.js";
|
|
9
9
|
import { c } from "react/compiler-runtime";
|
|
10
10
|
import { useId, useLayoutEffect, useRef, useState } from "react";
|
|
11
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
4
|
-
import { collectionStyles, containerClasses, rowItemStyles } from "../../collection/styles.js";
|
|
5
3
|
import { CollectionLoadMore } from "../../collection/index.js";
|
|
4
|
+
import { collectionStyles, containerClasses, rowItemStyles } from "../../collection/styles.js";
|
|
6
5
|
import { ChevronEndGlyph } from "../../glyphs/index.js";
|
|
7
|
-
import { focus } from "../../styles/focus.js";
|
|
8
6
|
import { useRipple } from "../../hooks/useRipple.js";
|
|
9
|
-
import Checkbox from "../checkbox/index.js";
|
|
10
7
|
import { RowContent } from "../../row/index.js";
|
|
8
|
+
import { focus } from "../../styles/focus.js";
|
|
9
|
+
import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
|
|
10
|
+
import Checkbox from "../checkbox/index.js";
|
|
11
11
|
import { c } from "react/compiler-runtime";
|
|
12
12
|
import { createContext, useContext } from "react";
|
|
13
13
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
package/dist/control/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
2
|
-
import { fieldChromeStyles } from "../field/styles.js";
|
|
3
2
|
import { RequiredMark } from "../field/index.js";
|
|
3
|
+
import { fieldChromeStyles } from "../field/styles.js";
|
|
4
4
|
import { controlStyles } from "./styles.js";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
package/dist/drag/hooks.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { dragStyles } from "./styles.js";
|
|
4
3
|
import { DropIndicator as DropIndicator$1 } from "./index.js";
|
|
4
|
+
import { dragStyles } from "./styles.js";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
import { useDragAndDrop } from "react-aria-components";
|
package/dist/field/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
2
|
-
import { spacing } from "../tokens/design.tokens.stylex.js";
|
|
3
|
-
import { mergeStatefulStyles, mergeStyles } from "../styles/merge.js";
|
|
4
2
|
import { useMessages } from "../i18n/index.js";
|
|
3
|
+
import { mergeStatefulStyles, mergeStyles } from "../styles/merge.js";
|
|
4
|
+
import { spacing } from "../tokens/design.tokens.stylex.js";
|
|
5
|
+
import { focusesControl } from "./press.js";
|
|
5
6
|
import { useInsideForm } from "./root.js";
|
|
6
7
|
import { fieldChromeStyles, groupStyles } from "./styles.js";
|
|
7
|
-
import { focusesControl } from "./press.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
|
9
9
|
import { createContext, useContext, useId } from "react";
|
|
10
10
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
package/dist/glyphs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
|
|
1
2
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
2
3
|
import { mergeStyles } from "../styles/merge.js";
|
|
3
|
-
import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
|
|
4
4
|
import { glyphStyles } from "./styles.js";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
package/dist/hooks/useRipple.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
2
|
-
import { motionDurationMs, motionEasing, spacingPx } from "../tokens/values.js";
|
|
3
2
|
import { rippleStyles as styles } from "../styles/ripple.js";
|
|
3
|
+
import { motionDurationMs, motionEasing, spacingPx } from "../tokens/values.js";
|
|
4
4
|
import { c } from "react/compiler-runtime";
|
|
5
5
|
import { useEffect, useRef, useState } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
package/dist/mark/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
2
|
-
import { useRender } from "../render/useRender.js";
|
|
3
|
-
import { mergeStyles } from "../styles/merge.js";
|
|
4
2
|
import { PersonGlyph } from "../glyphs/index.js";
|
|
5
3
|
import { useImageLoadingStatus } from "../hooks/useImageLoadingStatus.js";
|
|
4
|
+
import { useRender } from "../render/useRender.js";
|
|
5
|
+
import { mergeStyles } from "../styles/merge.js";
|
|
6
6
|
import { initialOfThing, initialsOfPerson } from "./initials.js";
|
|
7
7
|
import { markStyles } from "./styles.js";
|
|
8
8
|
import { c } from "react/compiler-runtime";
|
package/dist/navigation/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
2
|
-
import { mergeStatefulStyles } from "../styles/merge.js";
|
|
3
2
|
import { BadgeMarkContext } from "../badge/index.js";
|
|
4
3
|
import Badge from "../components/badge/index.js";
|
|
5
|
-
import { focus } from "../styles/focus.js";
|
|
6
|
-
import { useRipple } from "../hooks/useRipple.js";
|
|
7
4
|
import { useClippedTitle } from "../hooks/useClippedTitle.js";
|
|
5
|
+
import { useRipple } from "../hooks/useRipple.js";
|
|
6
|
+
import { focus } from "../styles/focus.js";
|
|
7
|
+
import { mergeStatefulStyles } from "../styles/merge.js";
|
|
8
8
|
import { NavigationContext } from "./context.js";
|
|
9
9
|
import { barItemStyles, collapsedItemStyles, crampedBarItemStyles, expandedItemStyles, navigationItemStyles, navigationListStyles } from "./styles.js";
|
|
10
10
|
import { c } from "react/compiler-runtime";
|
package/dist/theme-scope.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { RenderComponentProps } from "./render/useRender.js";
|
|
2
1
|
import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
|
|
2
|
+
import { RenderComponentProps } from "./render/useRender.js";
|
|
3
3
|
type ThemeScopeProps = RenderComponentProps<'div'> & {
|
|
4
4
|
/**
|
|
5
5
|
* Pins the scope to the library's light or dark scheme, whatever the
|
package/dist/theme-scope.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { props } from "./node_modules/@stylexjs/stylex/lib/es/stylex.js";
|
|
3
|
-
import { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from "./tokens/design.tokens.stylex.js";
|
|
4
|
-
import { pinnedScheme } from "./styles/scheme.js";
|
|
5
3
|
import { useRender } from "./render/useRender.js";
|
|
6
4
|
import { mergeStyles } from "./styles/merge.js";
|
|
5
|
+
import { pinnedScheme } from "./styles/scheme.js";
|
|
6
|
+
import { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from "./tokens/design.tokens.stylex.js";
|
|
7
7
|
import { c } from "react/compiler-runtime";
|
|
8
8
|
import { useState } from "react";
|
|
9
9
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kanso-labs/kanso-ui",
|
|
3
|
-
"version": "0.45.
|
|
3
|
+
"version": "0.45.12",
|
|
4
4
|
"description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -86,8 +86,8 @@
|
|
|
86
86
|
"@commitlint/cli": "21.2.4",
|
|
87
87
|
"@commitlint/config-conventional": "21.2.4",
|
|
88
88
|
"@eslint/js": "10.0.1",
|
|
89
|
-
"@kanso-labs/kanso-ui-core": "0.1.
|
|
90
|
-
"@kanso-labs/unplugin-style-dictionary": "0.10.
|
|
89
|
+
"@kanso-labs/kanso-ui-core": "0.1.6",
|
|
90
|
+
"@kanso-labs/unplugin-style-dictionary": "0.10.47",
|
|
91
91
|
"@microsoft/api-extractor": "7.60.0",
|
|
92
92
|
"@rolldown/plugin-babel": "0.2.4",
|
|
93
93
|
"@storybook/addon-a11y": "10.6.5",
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"rimraf": "6.1.3",
|
|
128
128
|
"storybook": "10.6.5",
|
|
129
129
|
"style-dictionary": "5.7.1",
|
|
130
|
-
"tsdown": "0.23.
|
|
130
|
+
"tsdown": "0.23.4",
|
|
131
131
|
"typescript": "6.0.3",
|
|
132
132
|
"typescript-eslint": "8.72.1",
|
|
133
133
|
"vite": "8.3.5",
|