@cdx-ui/components 0.0.1-beta.142 → 0.0.1-beta.144
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/lib/commonjs/components/Checkbox/index.js +10 -4
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +8 -4
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js +91 -0
- package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js.map +1 -0
- package/lib/commonjs/components/ProgressCircle/index.js +84 -0
- package/lib/commonjs/components/ProgressCircle/index.js.map +1 -0
- package/lib/commonjs/components/ProgressCircle/styles.js +50 -0
- package/lib/commonjs/components/ProgressCircle/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressCircle/useProgressCircleColors.js +35 -0
- package/lib/commonjs/components/ProgressCircle/useProgressCircleColors.js.map +1 -0
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/Checkbox/index.js +10 -4
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +8 -4
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/ProgressCircle/ProgressCircleRing.js +86 -0
- package/lib/module/components/ProgressCircle/ProgressCircleRing.js.map +1 -0
- package/lib/module/components/ProgressCircle/index.js +80 -0
- package/lib/module/components/ProgressCircle/index.js.map +1 -0
- package/lib/module/components/ProgressCircle/styles.js +46 -0
- package/lib/module/components/ProgressCircle/styles.js.map +1 -0
- package/lib/module/components/ProgressCircle/useProgressCircleColors.js +32 -0
- package/lib/module/components/ProgressCircle/useProgressCircleColors.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts +7 -0
- package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts.map +1 -0
- package/lib/typescript/components/ProgressCircle/index.d.ts +15 -0
- package/lib/typescript/components/ProgressCircle/index.d.ts.map +1 -0
- package/lib/typescript/components/ProgressCircle/styles.d.ts +23 -0
- package/lib/typescript/components/ProgressCircle/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressCircle/useProgressCircleColors.d.ts +6 -0
- package/lib/typescript/components/ProgressCircle/useProgressCircleColors.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/package.json +10 -5
- package/src/components/Checkbox/index.tsx +15 -6
- package/src/components/Checkbox/styles.ts +25 -2
- package/src/components/ProgressCircle/ProgressCircleRing.tsx +105 -0
- package/src/components/ProgressCircle/index.tsx +94 -0
- package/src/components/ProgressCircle/styles.ts +47 -0
- package/src/components/ProgressCircle/useProgressCircleColors.ts +33 -0
- package/src/components/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Text","View","Check","CheckIndeterminateSmall","CheckboxRoot","CheckboxRootPrimitive","CheckboxGroup","CheckboxGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useCheckboxContext","cn","Icon","checkboxGroupVariants","checkboxIconVariants","checkboxIndicatorVariants","checkboxLabelVariants","checkboxRootVariants","jsx","_jsx","jsxs","_jsxs","className","isIndeterminate","children","style","props","ref","computedClassName","slot","CheckboxIndicator","CheckboxIconSlot","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isFocusVisible","checkState","fieldState","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","focused","indeterminate","CheckboxIcon","isIndeterminateProp","showIcon","as","CheckboxLabel","direction","value","onChange","viewProps","Checkbox","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACzE,SAASC,KAAK,EAAEC,uBAAuB,QAAQ,eAAe;AAC9D,SACEC,YAAY,IAAIC,qBAAqB,EACrCC,aAAa,IAAIC,sBAAsB,EACvCC,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,kBAAkB,QAEb,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,IAAI,QAAmB,SAAS;AACzC,SACEC,qBAAqB,EACrBC,oBAAoB,EACpBC,yBAAyB,EACzBC,qBAAqB,EACrBC,oBAAoB,QACf,UAAU;;AAEjB;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOA,MAAMlB,YAAY,gBAAGL,UAAU,CAC7B,CAAC;EAAEwB,SAAS;EAAEC,eAAe;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAMC,iBAAiB,GAAGjB,EAAE,CAACM,oBAAoB,CAAC,CAAC,EAAEK,SAAS,CAAC;EAE/D,oBACED,KAAA,CAACjB,qBAAqB;IACpBuB,GAAG,EAAEA,GAAW;IAChBL,SAAS,EAAEM,iBAAkB;IAC7BL,eAAe,EAAEA,eAAgB;IACjCE,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLjB,mBAAmB,CAACiB,KAAK,EAAElB,cAAc,CAAC;MAAEqB,IAAI,EAAE;IAAW,CAAC,CAAC,CAAC;IAAAL,QAAA,gBAEpEL,IAAA,CAACW,iBAAiB;MAAAN,QAAA,eAChBL,IAAA,CAACY,gBAAgB;QAACR,eAAe,EAAEA;MAAgB,CAAE;IAAC,CACrC,CAAC,EACnBC,QAAQ;EAAA,CACY,CAAC;AAE5B,CACF,CAAC;AAEDrB,YAAY,CAAC6B,WAAW,GAAG,UAAU;;AAErC;AACA;AACA;;AAEA;AACA,MAAMC,gBAAgB,GAAG;EACvB,uBAAuB,EAAE,MAAM;EAC/B,sBAAsB,EAAE,SAAS;EACjC,sBAAsB,EAAE,QAAQ;EAChC,qBAAqB,EAAE,gBAAgB;EACvC,qBAAqB,EAAE,SAAS;EAChC,oBAAoB,EAAE,iBAAiB;EACvC,oBAAoB,EAAE,gBAAgB;EACtC,mBAAmB,EAAE,wBAAwB;EAC7C,2BAA2B,EAAE,eAAe;EAC5C,0BAA0B,EAAE,uBAAuB;EACnD,0BAA0B,EAAE,sBAAsB;EAClD,yBAAyB,EAAE;AAC7B,CAAU;AAQV,MAAMH,iBAAiB,gBAAGhC,UAAU,CAClC,CAAC;EAAEoC,OAAO;EAAEZ,SAAS;EAAEE,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IACJQ,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTlB,eAAe;IACfmB;EACF,CAAC,GAAGhC,kBAAkB,CAAC,CAAC;EAExB,MAAMiC,UAAU,GAAGpB,eAAe,GAAG,eAAe,GAAGY,SAAS,GAAG,SAAS,GAAG,WAAW;EAC1F,MAAMS,UAAU,
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","View","Check","CheckIndeterminateSmall","CheckboxRoot","CheckboxRootPrimitive","CheckboxGroup","CheckboxGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useCheckboxContext","cn","Icon","checkboxGroupVariants","checkboxIconVariants","checkboxIndicatorVariants","checkboxLabelVariants","checkboxRootVariants","jsx","_jsx","jsxs","_jsxs","className","isIndeterminate","children","style","props","ref","computedClassName","slot","CheckboxIndicator","CheckboxIconSlot","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isFocusVisible","checkState","fieldState","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","focused","indeterminate","CheckboxIcon","isIndeterminateProp","showIcon","as","CheckboxLabel","direction","value","onChange","viewProps","Checkbox","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { DISABLED_CURSOR, DISABLED_OPACITY, TRANSITION_COLORS } from '../../styl
|
|
|
6
6
|
|
|
7
7
|
// TODO: Handle text wrapping in the label
|
|
8
8
|
|
|
9
|
-
export const checkboxRootVariants = cva(['flex-row items-center gap-2.5', DISABLED_OPACITY, DISABLED_CURSOR,
|
|
9
|
+
export const checkboxRootVariants = cva(['flex-row items-center gap-2.5', DISABLED_OPACITY, DISABLED_CURSOR, 'data-[readonly=true]:cursor-default',
|
|
10
10
|
// Suppress stray outline on the Pressable/label wrapper; focus ring is drawn on Checkbox.Indicator (Radio pattern).
|
|
11
11
|
'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
|
|
12
12
|
export const checkboxIndicatorVariants = cva(['items-center justify-center', 'h-5 w-5', 'rounded', 'border-2 border-solid', 'data-[disabled=true]:opacity-50',
|
|
@@ -19,6 +19,8 @@ export const checkboxIndicatorVariants = cva(['items-center justify-center', 'h-
|
|
|
19
19
|
// Border — invalid (later) beats checked/indeterminate.
|
|
20
20
|
'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[indeterminate=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', Platform.select({
|
|
21
21
|
web: [
|
|
22
|
+
// Read-only — compound selectors evaluate correctly on web.
|
|
23
|
+
'data-[readonly=true]:bg-surface-secondary', 'data-[readonly=true]:data-[checked=true]:border-stroke-action', 'data-[readonly=true]:data-[indeterminate=true]:border-stroke-action', 'data-[readonly=true]:data-[checked=true]:bg-surface-secondary', 'data-[readonly=true]:data-[indeterminate=true]:bg-surface-secondary',
|
|
22
24
|
// Invalid bg — compound selectors evaluate correctly on web.
|
|
23
25
|
'data-[invalid=true]:data-[checked=true]:bg-surface-danger-strong', 'data-[invalid=true]:data-[indeterminate=true]:bg-surface-danger-strong', TRANSITION_COLORS,
|
|
24
26
|
// Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
|
|
@@ -31,11 +33,13 @@ export const checkboxIndicatorVariants = cva(['items-center justify-center', 'h-
|
|
|
31
33
|
// data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
|
|
32
34
|
// Unchecked — border only (Radio pattern)
|
|
33
35
|
'web:active:data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:data-[indeterminate=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-surface-danger-strong-active',
|
|
34
|
-
// Focus ring
|
|
36
|
+
// Focus ring — applies to read-only as well (focusable + aria-readonly).
|
|
35
37
|
'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
36
38
|
default: [
|
|
37
39
|
// Native: Uniwind only evaluates the last data-[] condition in a compound chain.
|
|
38
40
|
// Use single-condition data-[field-state=...] selectors (emitted by CheckboxIndicator).
|
|
41
|
+
// Read-only — derived field-state encodes check × readonly (no active/hover on readonly).
|
|
42
|
+
'data-[field-state=readonly-unchecked]:bg-surface-secondary', 'data-[field-state=readonly-checked]:bg-surface-secondary', 'data-[field-state=readonly-checked]:border-stroke-action', 'data-[field-state=readonly-indeterminate]:bg-surface-secondary', 'data-[field-state=readonly-indeterminate]:border-stroke-action', 'data-[field-state=readonly-unchecked-invalid]:bg-surface-secondary', 'data-[field-state=readonly-checked-invalid]:bg-surface-secondary', 'data-[field-state=readonly-checked-invalid]:border-stroke-action', 'data-[field-state=readonly-indeterminate-invalid]:bg-surface-secondary', 'data-[field-state=readonly-indeterminate-invalid]:border-stroke-action',
|
|
39
43
|
// checked/indeterminate + invalid → danger bg
|
|
40
44
|
'data-[field-state=checked-invalid]:bg-surface-danger-strong', 'data-[field-state=indeterminate-invalid]:bg-surface-danger-strong',
|
|
41
45
|
// unchecked + active → border only (Radio pattern)
|
|
@@ -45,8 +49,8 @@ export const checkboxIndicatorVariants = cva(['items-center justify-center', 'h-
|
|
|
45
49
|
// checked/indeterminate + invalid + active → danger active bg + matching border
|
|
46
50
|
'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active', 'data-[field-state=indeterminate-invalid-active]:bg-surface-danger-strong-active', 'data-[field-state=indeterminate-invalid-active]:border-surface-danger-strong-active'].join(' ')
|
|
47
51
|
})]);
|
|
48
|
-
export const checkboxIconVariants = cva(['text-white', 'h-5 w-5']);
|
|
49
|
-
export const checkboxLabelVariants = cva(['text-content-primary text-base', 'data-[disabled=true]:text-content-tertiary']);
|
|
52
|
+
export const checkboxIconVariants = cva(['text-white', 'data-[readonly=true]:text-content-action', 'h-5 w-5']);
|
|
53
|
+
export const checkboxLabelVariants = cva(['text-content-primary text-base', 'data-[disabled=true]:text-content-tertiary', 'data-[readonly=true]:cursor-default']);
|
|
50
54
|
export const checkboxGroupVariants = cva([], {
|
|
51
55
|
variants: {
|
|
52
56
|
direction: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","DISABLED_OPACITY","TRANSITION_COLORS","checkboxRootVariants","checkboxIndicatorVariants","select","web","join","default","checkboxIconVariants","checkboxLabelVariants","checkboxGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,wBAAwB;;AAE7F;;AAEA,OAAO,MAAMC,oBAAoB,GAAGJ,GAAG,CAAC,CACtC,+BAA+B,EAC/BE,gBAAgB,EAChBD,eAAe;
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","DISABLED_OPACITY","TRANSITION_COLORS","checkboxRootVariants","checkboxIndicatorVariants","select","web","join","default","checkboxIconVariants","checkboxLabelVariants","checkboxGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,wBAAwB;;AAE7F;;AAEA,OAAO,MAAMC,oBAAoB,GAAGJ,GAAG,CAAC,CACtC,+BAA+B,EAC/BE,gBAAgB,EAChBD,eAAe,EACf,qCAAqC;AACrC;AACA,wEAAwE,CACzE,CAAC;AAEF,OAAO,MAAMI,yBAAyB,GAAGL,GAAG,CAAC,CAC3C,6BAA6B,EAC7B,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,yCAAyC,EACzC,8CAA8C,EAC9C,oDAAoD;AACpD;AACA,+CAA+C,EAC/C,0CAA0C,EAC1C,gDAAgD,EAChD,0CAA0C,EAC1CD,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE;EACH;EACA,2CAA2C,EAC3C,+DAA+D,EAC/D,qEAAqE,EACrE,+DAA+D,EAC/D,qEAAqE;EACrE;EACA,kEAAkE,EAClE,wEAAwE,EACxEJ,iBAAiB;EACjB;EACA,+FAA+F;EAC/F;EACA,uHAAuH;EACvH;EACA,sEAAsE,EACtE,0EAA0E,EAC1E,4EAA4E,EAC5E,gFAAgF,EAChF,0FAA0F,EAC1F,8FAA8F,EAC9F,gGAAgG,EAChG,oGAAoG;EACpG;EACA;EACA;EACA,kGAAkG,EAClG,sIAAsI,EACtI,kFAAkF,EAClF,sFAAsF,EACtF,wFAAwF,EACxF,4FAA4F,EAC5F,sGAAsG,EACtG,0GAA0G,EAC1G,4GAA4G,EAC5G,gHAAgH;EAChH;EACA,4CAA4C,EAC5C,kIAAkI,CACnI,CAACK,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA;EACA,4DAA4D,EAC5D,0DAA0D,EAC1D,0DAA0D,EAC1D,gEAAgE,EAChE,gEAAgE,EAChE,oEAAoE,EACpE,kEAAkE,EAClE,kEAAkE,EAClE,wEAAwE,EACxE,wEAAwE;EACxE;EACA,6DAA6D,EAC7D,mEAAmE;EACnE;EACA,+CAA+C,EAC/C,uEAAuE;EACvE;EACA,mEAAmE,EACnE,uEAAuE,EACvE,yEAAyE,EACzE,6EAA6E;EAC7E;EACA,2EAA2E,EAC3E,+EAA+E,EAC/E,iFAAiF,EACjF,qFAAqF,CACtF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAME,oBAAoB,GAAGV,GAAG,CAAC,CACtC,YAAY,EACZ,0CAA0C,EAC1C,SAAS,CACV,CAAC;AAEF,OAAO,MAAMW,qBAAqB,GAAGX,GAAG,CAAC,CACvC,gCAAgC,EAChC,4CAA4C,EAC5C,qCAAqC,CACtC,CAAC;AAEF,OAAO,MAAMY,qBAAqB,GAAGZ,GAAG,CAAC,EAAE,EAAE;EAC3Ca,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
|
|
6
|
+
import { Circle, Svg } from 'react-native-svg';
|
|
7
|
+
import { useProgressContext } from '@cdx-ui/primitives';
|
|
8
|
+
import { PROGRESS_CIRCLE_DIMENSIONS } from './styles';
|
|
9
|
+
import { useProgressCircleColors } from './useProgressCircleColors';
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
const INDETERMINATE_ARC_RATIO = 0.25;
|
|
12
|
+
const ROTATION_DURATION_MS = 1000;
|
|
13
|
+
export function ProgressCircleRing({
|
|
14
|
+
size = 'large',
|
|
15
|
+
color = 'default'
|
|
16
|
+
}) {
|
|
17
|
+
const {
|
|
18
|
+
percent,
|
|
19
|
+
state
|
|
20
|
+
} = useProgressContext();
|
|
21
|
+
const ringColors = useProgressCircleColors(color);
|
|
22
|
+
const rotation = useSharedValue(0);
|
|
23
|
+
const {
|
|
24
|
+
size: dimension,
|
|
25
|
+
strokeWidth
|
|
26
|
+
} = PROGRESS_CIRCLE_DIMENSIONS[size];
|
|
27
|
+
const radius = (dimension - strokeWidth) / 2;
|
|
28
|
+
const center = dimension / 2;
|
|
29
|
+
const circumference = 2 * Math.PI * radius;
|
|
30
|
+
const isIndeterminate = state === 'indeterminate';
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (!isIndeterminate) {
|
|
33
|
+
rotation.set(0);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
rotation.set(withRepeat(withTiming(360, {
|
|
37
|
+
duration: ROTATION_DURATION_MS,
|
|
38
|
+
easing: Easing.linear
|
|
39
|
+
}), -1, false));
|
|
40
|
+
}, [isIndeterminate, rotation]);
|
|
41
|
+
const animatedStyle = useAnimatedStyle(() => ({
|
|
42
|
+
transform: [{
|
|
43
|
+
rotate: `${String(rotation.get())}deg`
|
|
44
|
+
}]
|
|
45
|
+
}), [rotation]);
|
|
46
|
+
const progressLength = isIndeterminate ? circumference * INDETERMINATE_ARC_RATIO : circumference * percent / 100;
|
|
47
|
+
const gapLength = circumference - progressLength;
|
|
48
|
+
const ring = /*#__PURE__*/_jsxs(Svg, {
|
|
49
|
+
width: dimension,
|
|
50
|
+
height: dimension,
|
|
51
|
+
viewBox: `0 0 ${String(dimension)} ${String(dimension)}`,
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Circle, {
|
|
53
|
+
cx: center,
|
|
54
|
+
cy: center,
|
|
55
|
+
r: radius,
|
|
56
|
+
stroke: ringColors.track,
|
|
57
|
+
strokeWidth: strokeWidth,
|
|
58
|
+
fill: "none",
|
|
59
|
+
opacity: ringColors.trackOpacity
|
|
60
|
+
}), progressLength > 0 ? /*#__PURE__*/_jsx(Circle, {
|
|
61
|
+
cx: center,
|
|
62
|
+
cy: center,
|
|
63
|
+
r: radius,
|
|
64
|
+
stroke: ringColors.indicator,
|
|
65
|
+
strokeWidth: strokeWidth,
|
|
66
|
+
fill: "none",
|
|
67
|
+
strokeDasharray: `${String(progressLength)} ${String(gapLength)}`,
|
|
68
|
+
strokeLinecap: "round",
|
|
69
|
+
rotation: -90,
|
|
70
|
+
origin: `${String(center)}, ${String(center)}`
|
|
71
|
+
}) : null]
|
|
72
|
+
});
|
|
73
|
+
if (isIndeterminate) {
|
|
74
|
+
const inheritClass = color === 'inherit' ? 'text-inherit' : undefined;
|
|
75
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
76
|
+
style: animatedStyle,
|
|
77
|
+
className: inheritClass,
|
|
78
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
79
|
+
className: inheritClass,
|
|
80
|
+
children: ring
|
|
81
|
+
})
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
return ring;
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=ProgressCircleRing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","View","Animated","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","Circle","Svg","useProgressContext","PROGRESS_CIRCLE_DIMENSIONS","useProgressCircleColors","jsx","_jsx","jsxs","_jsxs","INDETERMINATE_ARC_RATIO","ROTATION_DURATION_MS","ProgressCircleRing","size","color","percent","state","ringColors","rotation","dimension","strokeWidth","radius","center","circumference","Math","PI","isIndeterminate","set","duration","easing","linear","animatedStyle","transform","rotate","String","get","progressLength","gapLength","ring","width","height","viewBox","children","cx","cy","r","stroke","track","fill","opacity","trackOpacity","indicator","strokeDasharray","strokeLinecap","origin","inheritClass","undefined","style","className"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/ProgressCircleRing.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, forwardRef, useContext, useMemo } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { ProgressBarRoot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
|
|
6
|
+
import { cn } from '@cdx-ui/utils';
|
|
7
|
+
import { ProgressCircleRing } from './ProgressCircleRing';
|
|
8
|
+
import { progressCircleIndicatorVariants, progressCircleRootVariants } from './styles';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const ProgressCircleStyleContext = /*#__PURE__*/createContext({
|
|
11
|
+
size: 'large',
|
|
12
|
+
color: 'default'
|
|
13
|
+
});
|
|
14
|
+
const ProgressCircleRootComponent = /*#__PURE__*/forwardRef(({
|
|
15
|
+
className,
|
|
16
|
+
style,
|
|
17
|
+
size = 'large',
|
|
18
|
+
color = 'default',
|
|
19
|
+
children,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => {
|
|
22
|
+
const rootClass = cn(progressCircleRootVariants({
|
|
23
|
+
size,
|
|
24
|
+
color
|
|
25
|
+
}), className);
|
|
26
|
+
const styleContext = useMemo(() => ({
|
|
27
|
+
size: size ?? 'large',
|
|
28
|
+
color: color ?? 'default'
|
|
29
|
+
}), [size, color]);
|
|
30
|
+
return /*#__PURE__*/_jsx(ProgressCircleStyleContext.Provider, {
|
|
31
|
+
value: styleContext,
|
|
32
|
+
children: /*#__PURE__*/_jsx(ProgressBarRoot, {
|
|
33
|
+
ref: ref,
|
|
34
|
+
className: rootClass,
|
|
35
|
+
style: style,
|
|
36
|
+
...props,
|
|
37
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
38
|
+
slot: 'progress-circle'
|
|
39
|
+
})),
|
|
40
|
+
children: children
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
ProgressCircleRootComponent.displayName = 'ProgressCircle';
|
|
45
|
+
const ProgressCircleIndicatorComponent = /*#__PURE__*/forwardRef(({
|
|
46
|
+
className,
|
|
47
|
+
style,
|
|
48
|
+
size: sizeProp,
|
|
49
|
+
color: colorProp,
|
|
50
|
+
...props
|
|
51
|
+
}, ref) => {
|
|
52
|
+
const {
|
|
53
|
+
size: contextSize,
|
|
54
|
+
color: contextColor
|
|
55
|
+
} = useContext(ProgressCircleStyleContext);
|
|
56
|
+
const size = sizeProp ?? contextSize;
|
|
57
|
+
const color = colorProp ?? contextColor;
|
|
58
|
+
const indicatorClass = cn(progressCircleIndicatorVariants({
|
|
59
|
+
size,
|
|
60
|
+
color
|
|
61
|
+
}), className);
|
|
62
|
+
return /*#__PURE__*/_jsx(View, {
|
|
63
|
+
ref: ref,
|
|
64
|
+
className: indicatorClass,
|
|
65
|
+
style: style,
|
|
66
|
+
...props,
|
|
67
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
68
|
+
slot: 'progress-circle-indicator'
|
|
69
|
+
})),
|
|
70
|
+
children: /*#__PURE__*/_jsx(ProgressCircleRing, {
|
|
71
|
+
size: size,
|
|
72
|
+
color: color
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
ProgressCircleIndicatorComponent.displayName = 'ProgressCircle.Indicator';
|
|
77
|
+
export const ProgressCircle = Object.assign(ProgressCircleRootComponent, {
|
|
78
|
+
Indicator: ProgressCircleIndicatorComponent
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","ProgressBarRoot","dataAttributes","mergeDataAttributes","cn","ProgressCircleRing","progressCircleIndicatorVariants","progressCircleRootVariants","jsx","_jsx","ProgressCircleStyleContext","size","color","ProgressCircleRootComponent","className","style","children","props","ref","rootClass","styleContext","Provider","value","slot","displayName","ProgressCircleIndicatorComponent","sizeProp","colorProp","contextSize","contextColor","indicatorClass","ProgressCircle","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/index.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,IAAI,QAAwB,cAAc;AACnD,SACEC,eAAe,EACfC,cAAc,EACdC,mBAAmB,QAEd,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SACEC,+BAA+B,EAC/BC,0BAA0B,QAIrB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlB,MAAMC,0BAA0B,gBAAGd,aAAa,CAAkC;EAChFe,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;AACT,CAAC,CAAC;AAOF,MAAMC,2BAA2B,gBAAGhB,UAAU,CAC5C,CAAC;EAAEiB,SAAS;EAAEC,KAAK;EAAEJ,IAAI,GAAG,OAAO;EAAEC,KAAK,GAAG,SAAS;EAAEI,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpF,MAAMC,SAAS,GAAGf,EAAE,CAACG,0BAA0B,CAAC;IAAEI,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAEE,SAAS,CAAC;EAC5E,MAAMM,YAAY,GAAGrB,OAAO,CAC1B,OAAO;IACLY,IAAI,EAAEA,IAAI,IAAI,OAAO;IACrBC,KAAK,EAAEA,KAAK,IAAI;EAClB,CAAC,CAAC,EACF,CAACD,IAAI,EAAEC,KAAK,CACd,CAAC;EAED,oBACEH,IAAA,CAACC,0BAA0B,CAACW,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAJ,QAAA,eACvDP,IAAA,CAACR,eAAe;MACdiB,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAEK,SAAU;MACrBJ,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAEqB,IAAI,EAAE;MAAkB,CAAC,CAAC,CAAC;MAAAP,QAAA,EAE1EA;IAAQ,CACM;EAAC,CACiB,CAAC;AAE1C,CACF,CAAC;AAEDH,2BAA2B,CAACW,WAAW,GAAG,gBAAgB;AAE1D,MAAMC,gCAAgC,gBAAG5B,UAAU,CACjD,CAAC;EAAEiB,SAAS;EAAEC,KAAK;EAAEJ,IAAI,EAAEe,QAAQ;EAAEd,KAAK,EAAEe,SAAS;EAAE,GAAGV;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEP,IAAI,EAAEiB,WAAW;IAAEhB,KAAK,EAAEiB;EAAa,CAAC,GAAG/B,UAAU,CAACY,0BAA0B,CAAC;EACzF,MAAMC,IAAI,GAAGe,QAAQ,IAAIE,WAAW;EACpC,MAAMhB,KAAK,GAAGe,SAAS,IAAIE,YAAY;EACvC,MAAMC,cAAc,GAAG1B,EAAE,CAACE,+BAA+B,CAAC;IAAEK,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAEE,SAAS,CAAC;EAEtF,oBACEL,IAAA,CAACT,IAAI;IACHkB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEgB,cAAe;IAC1Bf,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;MAAEqB,IAAI,EAAE;IAA4B,CAAC,CAAC,CAAC;IAAAP,QAAA,eAErFP,IAAA,CAACJ,kBAAkB;MAACM,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC5C,CAAC;AAEX,CACF,CAAC;AAEDa,gCAAgC,CAACD,WAAW,GAAG,0BAA0B;AAMzE,OAAO,MAAMO,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACpB,2BAA2B,EAAE;EACvEqB,SAAS,EAAET;AACb,CAAC,CAAoC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from '@cdx-ui/utils';
|
|
4
|
+
export const progressCircleRootVariants = cva(['items-center justify-center'], {
|
|
5
|
+
variants: {
|
|
6
|
+
size: {
|
|
7
|
+
large: 'size-[32px]',
|
|
8
|
+
small: 'size-[24px]'
|
|
9
|
+
},
|
|
10
|
+
color: {
|
|
11
|
+
default: '',
|
|
12
|
+
inherit: 'text-inherit'
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
size: 'large',
|
|
17
|
+
color: 'default'
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
export const progressCircleIndicatorVariants = cva(['size-full items-center justify-center'], {
|
|
21
|
+
variants: {
|
|
22
|
+
size: {
|
|
23
|
+
large: '',
|
|
24
|
+
small: ''
|
|
25
|
+
},
|
|
26
|
+
color: {
|
|
27
|
+
default: '',
|
|
28
|
+
inherit: 'text-inherit'
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
size: 'large',
|
|
33
|
+
color: 'default'
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
export const PROGRESS_CIRCLE_DIMENSIONS = {
|
|
37
|
+
large: {
|
|
38
|
+
size: 32,
|
|
39
|
+
strokeWidth: 3
|
|
40
|
+
},
|
|
41
|
+
small: {
|
|
42
|
+
size: 24,
|
|
43
|
+
strokeWidth: 2
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","progressCircleRootVariants","variants","size","large","small","color","default","inherit","defaultVariants","progressCircleIndicatorVariants","PROGRESS_CIRCLE_DIMENSIONS","strokeWidth"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAAC,CAAC,6BAA6B,CAAC,EAAE;EAC7EE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,aAAa;MACpBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,OAAO;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,+BAA+B,GAAGV,GAAG,CAAC,CAAC,uCAAuC,CAAC,EAAE;EAC5FE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,OAAO;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAOF,OAAO,MAAMK,0BAA0B,GAAG;EACxCP,KAAK,EAAE;IAAED,IAAI,EAAE,EAAE;IAAES,WAAW,EAAE;EAAE,CAAC;EACnCP,KAAK,EAAE;IAAEF,IAAI,EAAE,EAAE;IAAES,WAAW,EAAE;EAAE;AACpC,CAAU","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCSSVariable } from 'uniwind';
|
|
4
|
+
|
|
5
|
+
/** Light-theme fallbacks when Uniwind CSS context is unavailable (e.g. Jest). */
|
|
6
|
+
const FALLBACKS = {
|
|
7
|
+
track: '#e8eefc',
|
|
8
|
+
indicator: '#346099'
|
|
9
|
+
};
|
|
10
|
+
function toColor(value, fallback) {
|
|
11
|
+
if (typeof value === 'string' && value.length > 0) {
|
|
12
|
+
return value;
|
|
13
|
+
}
|
|
14
|
+
return fallback;
|
|
15
|
+
}
|
|
16
|
+
export function useProgressCircleColors(color) {
|
|
17
|
+
const trackToken = useCSSVariable('--color-surface-action-subtle');
|
|
18
|
+
const indicatorToken = useCSSVariable('--color-surface-action-strong');
|
|
19
|
+
if (color === 'inherit') {
|
|
20
|
+
return {
|
|
21
|
+
track: 'currentColor',
|
|
22
|
+
indicator: 'currentColor',
|
|
23
|
+
trackOpacity: 0.24
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
return {
|
|
27
|
+
track: toColor(trackToken, FALLBACKS.track),
|
|
28
|
+
indicator: toColor(indicatorToken, FALLBACKS.indicator),
|
|
29
|
+
trackOpacity: 1
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=useProgressCircleColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCSSVariable","FALLBACKS","track","indicator","toColor","value","fallback","length","useProgressCircleColors","color","trackToken","indicatorToken","trackOpacity"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/useProgressCircleColors.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,SAAS;;AAExC;AACA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE;AACb,CAAU;AAEV,SAASC,OAAOA,CAACC,KAAkC,EAAEC,QAAgB,EAAU;EAC7E,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;IACjD,OAAOF,KAAK;EACd;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASE,uBAAuBA,CAACC,KAA4B,EAAE;EACpE,MAAMC,UAAU,GAAGV,cAAc,CAAC,+BAA+B,CAAC;EAClE,MAAMW,cAAc,GAAGX,cAAc,CAAC,+BAA+B,CAAC;EAEtE,IAAIS,KAAK,KAAK,SAAS,EAAE;IACvB,OAAO;MACLP,KAAK,EAAE,cAAc;MACrBC,SAAS,EAAE,cAAc;MACzBS,YAAY,EAAE;IAChB,CAAC;EACH;EAEA,OAAO;IACLV,KAAK,EAAEE,OAAO,CAACM,UAAU,EAAET,SAAS,CAACC,KAAK,CAAC;IAC3CC,SAAS,EAAEC,OAAO,CAACO,cAAc,EAAEV,SAAS,CAACE,SAAS,CAAC;IACvDS,YAAY,EAAE;EAChB,CAAC;AACH","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAa1C,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gGAoBjB,CAAC;AAwBF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAa1C,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gGAoBjB,CAAC;AAwBF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAmDtB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEzE,QAAA,MAAM,YAAY;qCAAoC,iBAAiB;;CAkBtE,CAAC;AAwBF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAyBlB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,qGAkClB,CAAC;AAQF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAKf,yBAAyB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,oFAO/B,CAAC;AAEH,eAAO,MAAM,yBAAyB,oFA6FpC,CAAC;AAEH,eAAO,MAAM,oBAAoB,oFAI/B,CAAC;AAEH,eAAO,MAAM,qBAAqB,oFAIhC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ProgressCircleSize } from './styles';
|
|
2
|
+
export interface ProgressCircleRingProps {
|
|
3
|
+
readonly size?: ProgressCircleSize;
|
|
4
|
+
readonly color?: 'default' | 'inherit';
|
|
5
|
+
}
|
|
6
|
+
export declare function ProgressCircleRing({ size, color }: ProgressCircleRingProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=ProgressCircleRing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressCircleRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/ProgressCircleRing.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA8B,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAM/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAc,EAAE,KAAiB,EAAE,EAAE,uBAAuB,2CAkFhG"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { View, type ViewProps } from 'react-native';
|
|
2
|
+
import { type IProgressProps } from '@cdx-ui/primitives';
|
|
3
|
+
import { type ProgressCircleIndicatorVariantProps, type ProgressCircleRootVariantProps } from './styles';
|
|
4
|
+
export interface ProgressCircleProps extends IProgressProps, ProgressCircleRootVariantProps {
|
|
5
|
+
}
|
|
6
|
+
export interface ProgressCircleIndicatorProps extends ViewProps, ProgressCircleIndicatorVariantProps {
|
|
7
|
+
}
|
|
8
|
+
declare const ProgressCircleRootComponent: import("react").ForwardRefExoticComponent<ProgressCircleProps & import("react").RefAttributes<View>>;
|
|
9
|
+
declare const ProgressCircleIndicatorComponent: import("react").ForwardRefExoticComponent<ProgressCircleIndicatorProps & import("react").RefAttributes<View>>;
|
|
10
|
+
type ProgressCircleCompoundComponent = typeof ProgressCircleRootComponent & {
|
|
11
|
+
Indicator: typeof ProgressCircleIndicatorComponent;
|
|
12
|
+
};
|
|
13
|
+
export declare const ProgressCircle: ProgressCircleCompoundComponent;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAGL,KAAK,mCAAmC,EACxC,KAAK,8BAA8B,EAEpC,MAAM,UAAU,CAAC;AAclB,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,8BAA8B;CAAG;AAE9F,MAAM,WAAW,4BACf,SAAQ,SAAS,EAAE,mCAAmC;CAAG;AAE3D,QAAA,MAAM,2BAA2B,sGAyBhC,CAAC;AAIF,QAAA,MAAM,gCAAgC,+GAmBrC,CAAC;AAIF,KAAK,+BAA+B,GAAG,OAAO,2BAA2B,GAAG;IAC1E,SAAS,EAAE,OAAO,gCAAgC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,cAAc,EAErB,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type VariantProps } from '@cdx-ui/utils';
|
|
2
|
+
export declare const progressCircleRootVariants: (props?: ({
|
|
3
|
+
size?: "small" | "large" | null | undefined;
|
|
4
|
+
color?: "default" | "inherit" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const progressCircleIndicatorVariants: (props?: ({
|
|
7
|
+
size?: "small" | "large" | null | undefined;
|
|
8
|
+
color?: "default" | "inherit" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export type ProgressCircleRootVariantProps = VariantProps<typeof progressCircleRootVariants>;
|
|
11
|
+
export type ProgressCircleIndicatorVariantProps = VariantProps<typeof progressCircleIndicatorVariants>;
|
|
12
|
+
export declare const PROGRESS_CIRCLE_DIMENSIONS: {
|
|
13
|
+
readonly large: {
|
|
14
|
+
readonly size: 32;
|
|
15
|
+
readonly strokeWidth: 3;
|
|
16
|
+
};
|
|
17
|
+
readonly small: {
|
|
18
|
+
readonly size: 24;
|
|
19
|
+
readonly strokeWidth: 2;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export type ProgressCircleSize = keyof typeof PROGRESS_CIRCLE_DIMENSIONS;
|
|
23
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,0BAA0B;;;8EAerC,CAAC;AAEH,eAAO,MAAM,+BAA+B;;;8EAe1C,CAAC;AAEH,MAAM,MAAM,8BAA8B,GAAG,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAC7F,MAAM,MAAM,mCAAmC,GAAG,YAAY,CAC5D,OAAO,+BAA+B,CACvC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;CAG7B,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useProgressCircleColors.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/useProgressCircleColors.ts"],"names":[],"mappings":"AAeA,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS;;;;EAiBnE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.144",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"react-native": ">=0.76.0",
|
|
49
49
|
"react-native-gesture-handler": ">=2.0.0",
|
|
50
50
|
"react-native-reanimated": ">=4.0.0",
|
|
51
|
+
"react-native-svg": "^13.0.0 || ^14.0.0 || ^15.0.0",
|
|
51
52
|
"react-native-safe-area-context": ">=4.0.0",
|
|
52
53
|
"react-native-web": ">=0.19.0",
|
|
53
54
|
"react-native-worklets": ">=0.4.0"
|
|
@@ -65,6 +66,9 @@
|
|
|
65
66
|
"react-native-reanimated": {
|
|
66
67
|
"optional": true
|
|
67
68
|
},
|
|
69
|
+
"react-native-svg": {
|
|
70
|
+
"optional": true
|
|
71
|
+
},
|
|
68
72
|
"react-native-web": {
|
|
69
73
|
"optional": true
|
|
70
74
|
},
|
|
@@ -77,10 +81,10 @@
|
|
|
77
81
|
"@marceloterreiro/flash-calendar": "2.0.0",
|
|
78
82
|
"react-native-reanimated-carousel": "5.0.0-beta.5",
|
|
79
83
|
"uniwind": "1.10.0",
|
|
80
|
-
"@cdx-ui/formatters": "0.0.1-beta.
|
|
81
|
-
"@cdx-ui/primitives": "0.0.1-beta.
|
|
82
|
-
"@cdx-ui/
|
|
83
|
-
"@cdx-ui/
|
|
84
|
+
"@cdx-ui/formatters": "0.0.1-beta.135",
|
|
85
|
+
"@cdx-ui/primitives": "0.0.1-beta.144",
|
|
86
|
+
"@cdx-ui/icons": "0.0.1-beta.144",
|
|
87
|
+
"@cdx-ui/utils": "0.0.1-beta.144"
|
|
84
88
|
},
|
|
85
89
|
"devDependencies": {
|
|
86
90
|
"@react-navigation/bottom-tabs": "*",
|
|
@@ -91,6 +95,7 @@
|
|
|
91
95
|
"react-dom": "19.1.0",
|
|
92
96
|
"react-native": "*",
|
|
93
97
|
"react-native-builder-bob": "*",
|
|
98
|
+
"react-native-svg": "*",
|
|
94
99
|
"react-native-web": "*",
|
|
95
100
|
"typescript": "*"
|
|
96
101
|
},
|
|
@@ -94,10 +94,11 @@ const CheckboxIndicator = forwardRef<View, CheckboxIndicatorProps>(
|
|
|
94
94
|
} = useCheckboxContext();
|
|
95
95
|
|
|
96
96
|
const checkState = isIndeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
|
|
97
|
-
const fieldState =
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
97
|
+
const fieldState = isReadOnly
|
|
98
|
+
? (`readonly-${checkState}${isInvalid ? '-invalid' : ''}` as const)
|
|
99
|
+
: INDICATOR_STATES[
|
|
100
|
+
`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`
|
|
101
|
+
];
|
|
101
102
|
|
|
102
103
|
const computedClassName = cn(checkboxIndicatorVariants(), className);
|
|
103
104
|
const Comp = asChild ? Slot : View;
|
|
@@ -140,6 +141,7 @@ CheckboxIndicator.displayName = 'Checkbox.Indicator';
|
|
|
140
141
|
export interface CheckboxIconProps extends Omit<IconProps, 'children'> {}
|
|
141
142
|
|
|
142
143
|
const CheckboxIcon = ({ className, style, ...props }: CheckboxIconProps) => {
|
|
144
|
+
const { isReadOnly } = useCheckboxContext();
|
|
143
145
|
const computedClassName = cn(checkboxIconVariants(), className);
|
|
144
146
|
|
|
145
147
|
return (
|
|
@@ -147,7 +149,13 @@ const CheckboxIcon = ({ className, style, ...props }: CheckboxIconProps) => {
|
|
|
147
149
|
className={computedClassName}
|
|
148
150
|
style={style}
|
|
149
151
|
{...props}
|
|
150
|
-
{...mergeDataAttributes(
|
|
152
|
+
{...mergeDataAttributes(
|
|
153
|
+
props,
|
|
154
|
+
dataAttributes({
|
|
155
|
+
slot: 'checkbox-icon',
|
|
156
|
+
readonly: isReadOnly,
|
|
157
|
+
}),
|
|
158
|
+
)}
|
|
151
159
|
/>
|
|
152
160
|
);
|
|
153
161
|
};
|
|
@@ -182,7 +190,7 @@ export interface CheckboxLabelProps extends TextProps {
|
|
|
182
190
|
|
|
183
191
|
const CheckboxLabel = forwardRef<Text, CheckboxLabelProps>(
|
|
184
192
|
({ asChild, className, children, style, ...props }, ref) => {
|
|
185
|
-
const { isDisabled } = useCheckboxContext();
|
|
193
|
+
const { isDisabled, isReadOnly } = useCheckboxContext();
|
|
186
194
|
const computedClassName = cn(checkboxLabelVariants(), className);
|
|
187
195
|
const Comp = asChild ? Slot : Text;
|
|
188
196
|
|
|
@@ -197,6 +205,7 @@ const CheckboxLabel = forwardRef<Text, CheckboxLabelProps>(
|
|
|
197
205
|
dataAttributes({
|
|
198
206
|
slot: 'checkbox-label',
|
|
199
207
|
disabled: isDisabled,
|
|
208
|
+
readonly: isReadOnly,
|
|
200
209
|
}),
|
|
201
210
|
)}
|
|
202
211
|
>
|