@strapi/design-system 2.0.0-rc.10 → 2.0.0-rc.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/components/Accordion/Accordion.d.ts +2 -1
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/CarouselInput/CarouselActions.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/components/Select/SelectParts.d.ts.map +1 -1
- package/dist/components/Select/SingleSelect.d.ts.map +1 -1
- package/dist/components/Status/Status.d.ts +2 -7
- package/dist/components/Status/Status.d.ts.map +1 -1
- package/dist/index.js +52 -24
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +52 -24
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -23,7 +23,8 @@ interface TriggerProps extends Omit<RadixAccordion.AccordionTriggerProps, 'asChi
|
|
|
23
23
|
*/
|
|
24
24
|
caretPosition?: 'left' | 'right';
|
|
25
25
|
description?: string;
|
|
26
|
-
icon?: React.ElementType
|
|
26
|
+
icon?: React.ElementType<React.SVGProps<SVGSVGElement>>;
|
|
27
|
+
iconProps?: React.SVGProps<SVGSVGElement>;
|
|
27
28
|
}
|
|
28
29
|
declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
29
30
|
type ActionsElement = HTMLSpanElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvE,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AACtB,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAMvC,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAID,KAAK,OAAO,GAAG,cAAc,CAAC;AAE9B,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAEvF,QAAA,MAAM,IAAI,kJAMR,CAAC;AAqBH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,cAAc,CAAC,kBAAkB;CAAG;AAEhE,QAAA,MAAM,IAAI,kFAIR,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvE,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AACtB,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAMvC,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAID,KAAK,OAAO,GAAG,cAAc,CAAC;AAE9B,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAEvF,QAAA,MAAM,IAAI,kJAMR,CAAC;AAqBH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,cAAc,CAAC,kBAAkB;CAAG;AAEhE,QAAA,MAAM,IAAI,kFAIR,CAAC;AAiDH,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC;IAClF;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,QAAA,MAAM,OAAO,wFAqCZ,CAAC;AA+DF,KAAK,cAAc,GAAG,eAAe,CAAC;AAEtC,UAAU,YAAa,SAAQ,SAAS,CAAC,MAAM,CAAC;CAAG;AAEnD,QAAA,MAAM,OAAO,mGAIX,CAAC;AAyBH,KAAK,aAAa,GAAG,kBAAkB,CAAC;AAExC,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,wFAEV,CAAC;AA4CH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,cAAc,CAAC,qBAAqB;CAAG;AAEtE,QAAA,MAAM,OAAO,qFAEX,CAAC;AAoCH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACzD,YAAY,EACV,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,OAAO,GACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselActions.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselInput/CarouselActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,6BAAqC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"CarouselActions.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselInput/CarouselActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,6BAAqC,oBAAoB,4CAWpF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAmCrD,UAAU,eAAgB,SAAQ,QAAQ,CAAC,aAAa;CAAG;AAE3D,KAAK,eAAe,GAAG,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAmCrD,UAAU,eAAgB,SAAQ,QAAQ,CAAC,aAAa;CAAG;AAE3D,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAyEzC,UAAU,aAAc,SAAQ,eAAe;CAAG;AAElD,QAAA,MAAM,YAAY,yFAehB,CAAC;AAEH,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAID,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAID,QAAA,MAAM,WAAW,2FAgKhB,CAAC;AA6DF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectParts.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG/F,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,UAAU,YAAa,SAAQ,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;
|
|
1
|
+
{"version":3,"file":"SelectParts.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG/F,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,UAAU,YAAa,SAAQ,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwID,UAAU,UACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,CAAC,EACvD,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA+DD,UAAU,SAAU,SAAQ,MAAM,CAAC,eAAe;CAAG;AA4CrD,QAAA,MAAM,IAAI;;;;;CAAc,CAAC;AACzB,QAAA,MAAM,OAAO,kGAAgB,CAAC;AAC9B,QAAA,MAAM,KAAK,oFAAc,CAAC;AAC1B,QAAA,MAAM,MAAM;;;;;CAAgB,CAAC;AAC7B,QAAA,MAAM,OAAO;;qKAAgB,CAAC;AAC9B,QAAA,MAAM,QAAQ;;;;;;;;;;+IAAiB,CAAC;AAChC,QAAA,MAAM,IAAI,kFAAa,CAAC;AACxB,QAAA,MAAM,aAAa,yGAAuB,CAAC;AAC3C,QAAA,MAAM,QAAQ;;;;2GAAkB,CAAC;AACjC,QAAA,MAAM,KAAK;;;;yGAAe,CAAC;AAE3B,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACtC,KAAK,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAClD,KAAK,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAChD,KAAK,WAAW,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC5C,KAAK,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC9C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,kBAAkB,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAC1D,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC1C,KAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACjG,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SingleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SingleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,KAAK,6BAA6B,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAC/E,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,kBAAkB,CAAC,GAClD,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,CAAC,GAC5G,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG;IAC5C;;OAEG;IACH,gBAAgB,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,6BAA6B,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAEjD,eAAO,MAAM,YAAY;IAbrB;;OAEG;8BACuB,MAAM,GAAG,MAAM,GAAG,MAAM;wBAC/B,MAAM,GAAG,MAAM,KAAK,IAAI;0BACtB,yBAAyB,KAAK,IAAI;;;;;wCAuI1D,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC;IACnF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,gGAgB9B,CAAC"}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BoxProps } from '../../primitives/Box';
|
|
3
3
|
type StatusVariant = 'alternative' | 'danger' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
|
|
4
|
-
type StatusSize = 'S' | 'M';
|
|
4
|
+
type StatusSize = 'XS' | 'S' | 'M';
|
|
5
5
|
interface StatusProps extends BoxProps {
|
|
6
6
|
variant?: StatusVariant;
|
|
7
|
-
/**
|
|
8
|
-
* If `false`, the preceeding bullet of the status won't be displayed.
|
|
9
|
-
* This prop and the bullet will be removed in the next major version.
|
|
10
|
-
*/
|
|
11
|
-
showBullet?: boolean;
|
|
12
7
|
size?: StatusSize;
|
|
13
8
|
children: React.ReactNode;
|
|
14
9
|
}
|
|
15
|
-
declare const Status: ({ variant,
|
|
10
|
+
declare const Status: ({ variant, size, children, ...props }: StatusProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
11
|
export { Status };
|
|
17
12
|
export type { StatusProps, StatusSize, StatusVariant };
|
|
18
13
|
//# sourceMappingURL=Status.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,KAAK,aAAa,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAC5G,KAAK,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,UAAU,WAAY,SAAQ,QAAQ;IACpC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAeD,QAAA,MAAM,MAAM,0CAA6D,WAAW,4CAsBnF,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -565,38 +565,43 @@ const AccordionRoot = styledComponents.styled(RadixAccordion__namespace.Root)`
|
|
|
565
565
|
`;
|
|
566
566
|
const Item$5 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
567
567
|
const { size } = useAccordion("Item");
|
|
568
|
-
return /* @__PURE__ */ jsxRuntime.jsx(AccordionItem, { $size: size, ref: forwardedRef, ...props });
|
|
568
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AccordionItem, { $size: size, "data-size": size, ref: forwardedRef, ...props });
|
|
569
569
|
});
|
|
570
570
|
const AccordionItem = styledComponents.styled(RadixAccordion__namespace.Item)`
|
|
571
571
|
overflow: hidden;
|
|
572
|
+
margin: 1px 0;
|
|
572
573
|
|
|
573
574
|
&:first-child {
|
|
574
575
|
border-top-left-radius: 0.3rem;
|
|
575
576
|
border-top-right-radius: 0.3rem;
|
|
577
|
+
margin-top: 0;
|
|
576
578
|
}
|
|
577
579
|
|
|
578
580
|
&:last-child {
|
|
579
581
|
border-bottom-left-radius: 0.3rem;
|
|
580
582
|
border-bottom-right-radius: 0.3rem;
|
|
583
|
+
margin-bottom: 0;
|
|
581
584
|
}
|
|
582
585
|
|
|
583
|
-
&
|
|
584
|
-
|
|
586
|
+
&[data-size='S'] {
|
|
587
|
+
& + & {
|
|
588
|
+
border-top: solid 1px ${(props) => props.theme.colors.neutral200};
|
|
589
|
+
}
|
|
585
590
|
}
|
|
586
591
|
|
|
587
592
|
&[data-state='open'] {
|
|
588
|
-
box-shadow: 0 0 0
|
|
593
|
+
box-shadow: 0 0 0 1px ${(props) => props.theme.colors.primary600};
|
|
589
594
|
}
|
|
590
595
|
|
|
591
|
-
&:hover {
|
|
592
|
-
box-shadow: 0 0 0
|
|
596
|
+
&:not([data-disabled]):hover {
|
|
597
|
+
box-shadow: 0 0 0 1px ${(props) => props.theme.colors.primary600};
|
|
593
598
|
}
|
|
594
599
|
|
|
595
600
|
/* This applies our desired focus effect correctly. */
|
|
596
601
|
&:focus-within {
|
|
597
602
|
position: relative;
|
|
598
603
|
z-index: 1;
|
|
599
|
-
box-shadow: 0 0 0
|
|
604
|
+
box-shadow: 0 0 0 1px ${(props) => props.theme.colors.primary600};
|
|
600
605
|
}
|
|
601
606
|
|
|
602
607
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -605,12 +610,12 @@ const AccordionItem = styledComponents.styled(RadixAccordion__namespace.Item)`
|
|
|
605
610
|
}
|
|
606
611
|
`;
|
|
607
612
|
const Trigger$7 = React__namespace.forwardRef(
|
|
608
|
-
({ caretPosition = "left", description, icon: Icon, children, ...restProps }, forwardedRef) => {
|
|
613
|
+
({ caretPosition = "left", description, icon: Icon, iconProps, children, ...restProps }, forwardedRef) => {
|
|
609
614
|
const { size } = useAccordion("Trigger");
|
|
610
615
|
return /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { $caretPosition: caretPosition, $size: size, ref: forwardedRef, ...restProps, children: [
|
|
611
616
|
caretPosition === "left" ? /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { $size: size, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: size === "S" ? "1.2rem" : "1.6rem", height: size === "S" ? "1.2rem" : "1.6rem" }) }) : null,
|
|
612
617
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { tag: "span", gap: 2, children: [
|
|
613
|
-
Icon ? /* @__PURE__ */ jsxRuntime.jsx(IconBox$4, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) : null,
|
|
618
|
+
Icon && size === "S" ? /* @__PURE__ */ jsxRuntime.jsx(IconBox$4, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...iconProps }) }) : null,
|
|
614
619
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { alignItems: "flex-start", direction: "column", tag: "span", ref: forwardedRef, children: [
|
|
615
620
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
616
621
|
Typography,
|
|
@@ -631,6 +636,7 @@ const Trigger$7 = React__namespace.forwardRef(
|
|
|
631
636
|
);
|
|
632
637
|
const IconBox$4 = styledComponents.styled(Box)`
|
|
633
638
|
color: ${(props) => props.theme.colors.neutral500};
|
|
639
|
+
display: flex;
|
|
634
640
|
|
|
635
641
|
@media (prefers-reduced-motion: no-preference) {
|
|
636
642
|
transition: ${(props) => props.theme.transitions.color};
|
|
@@ -2142,7 +2148,7 @@ const CheckboxEl = React__namespace.forwardRef(
|
|
|
2142
2148
|
onChange: onCheckedChange
|
|
2143
2149
|
});
|
|
2144
2150
|
const composedRefs = useComposedRefs(checkboxRef, forwardedRef);
|
|
2145
|
-
return /* @__PURE__ */ jsxRuntime.jsx(CheckboxRoot, { ref: composedRefs, checked, onCheckedChange: setChecked, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2151
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CheckboxRoot, { ref: composedRefs, checked, onCheckedChange: setChecked, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxIndicator, { style: { display: "inline-flex", pointerEvents: "auto" }, forceMount: true, children: [
|
|
2146
2152
|
checked === true ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { width: "1.6rem", fill: "neutral0" }) : null,
|
|
2147
2153
|
checked === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(icons.Minus, { fill: "neutral0" }) : null
|
|
2148
2154
|
] }) });
|
|
@@ -2181,10 +2187,16 @@ const CheckboxRoot = styledComponents.styled(Checkbox__namespace.Root)`
|
|
|
2181
2187
|
transform: translate(-50%, -50%);
|
|
2182
2188
|
width: 100%;
|
|
2183
2189
|
height: 100%;
|
|
2190
|
+
z-index: -1;
|
|
2184
2191
|
min-width: 44px;
|
|
2185
2192
|
min-height: 44px;
|
|
2186
2193
|
}
|
|
2187
2194
|
`;
|
|
2195
|
+
const CheckboxIndicator = styledComponents.styled(Checkbox__namespace.Indicator)`
|
|
2196
|
+
width: 100%;
|
|
2197
|
+
height: 100%;
|
|
2198
|
+
cursor: pointer;
|
|
2199
|
+
`;
|
|
2188
2200
|
const CheckboxImpl = React__namespace.forwardRef(({ children, ...restProps }, forwardedRef) => {
|
|
2189
2201
|
const labelId = useId(restProps.id);
|
|
2190
2202
|
if (!children) {
|
|
@@ -2308,8 +2320,8 @@ const Carousel = React__namespace.forwardRef(
|
|
|
2308
2320
|
position: "relative",
|
|
2309
2321
|
children: [
|
|
2310
2322
|
childrenArray && childrenArray.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2311
|
-
/* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onPrevious, $area: "startAction", ref: prevActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: previousLabel, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeft, { width: "
|
|
2312
|
-
/* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onNext, $area: "endAction", ref: nextActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: nextLabel, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, { width: "
|
|
2323
|
+
/* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onPrevious, $area: "startAction", ref: prevActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: previousLabel, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeft, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) }),
|
|
2324
|
+
/* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onNext, $area: "endAction", ref: nextActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: nextLabel, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) })
|
|
2313
2325
|
] }),
|
|
2314
2326
|
/* @__PURE__ */ jsxRuntime.jsx(CarouselSlides, { "aria-live": "polite", paddingLeft: 2, paddingRight: 2, width: "100%", overflow: "hidden", children: childrenArray }),
|
|
2315
2327
|
actions
|
|
@@ -8311,6 +8323,7 @@ const CarouselActions = ({ horizontal = true, ...props }) => /* @__PURE__ */ jsx
|
|
|
8311
8323
|
position: "absolute",
|
|
8312
8324
|
width: "100%",
|
|
8313
8325
|
bottom: 1,
|
|
8326
|
+
gap: 1,
|
|
8314
8327
|
...props
|
|
8315
8328
|
}
|
|
8316
8329
|
);
|
|
@@ -9121,6 +9134,7 @@ const StyledTrigger = styledComponents.styled(Flex)`
|
|
|
9121
9134
|
`;
|
|
9122
9135
|
}
|
|
9123
9136
|
}}
|
|
9137
|
+
cursor: pointer;
|
|
9124
9138
|
|
|
9125
9139
|
&[aria-disabled='true'] {
|
|
9126
9140
|
color: ${(props) => props.theme.colors.neutral500};
|
|
@@ -9199,6 +9213,7 @@ const itemStyles = styledComponents.css`
|
|
|
9199
9213
|
&:focus-visible {
|
|
9200
9214
|
outline: none;
|
|
9201
9215
|
background-color: ${({ theme }) => theme.colors.primary100};
|
|
9216
|
+
cursor: pointer;
|
|
9202
9217
|
}
|
|
9203
9218
|
`;
|
|
9204
9219
|
const StyledSelectItem = styledComponents.styled(uiPrimitives.Select.Item)`
|
|
@@ -9332,8 +9347,8 @@ const SingleSelect = React__namespace.forwardRef(
|
|
|
9332
9347
|
const SingleSelectOption = React__namespace.forwardRef(
|
|
9333
9348
|
({ value, startIcon, children, ...restProps }, ref) => {
|
|
9334
9349
|
return /* @__PURE__ */ jsxRuntime.jsxs(Item$2, { ref, value: value.toString(), ...restProps, children: [
|
|
9335
|
-
startIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9336
|
-
/* @__PURE__ */ jsxRuntime.jsx(Typography, { lineHeight: "20px", children: /* @__PURE__ */ jsxRuntime.jsx(ItemText, { children }) })
|
|
9350
|
+
startIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: startIcon }),
|
|
9351
|
+
/* @__PURE__ */ jsxRuntime.jsx(Typography, { lineHeight: "20px", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(ItemText, { children }) })
|
|
9337
9352
|
] });
|
|
9338
9353
|
}
|
|
9339
9354
|
);
|
|
@@ -10800,6 +10815,13 @@ const NumberInput = React__namespace.forwardRef(
|
|
|
10800
10815
|
formatNumberAndSetInput(value2);
|
|
10801
10816
|
}
|
|
10802
10817
|
};
|
|
10818
|
+
const getDecimalPlaces = (step2) => {
|
|
10819
|
+
const stepString = step2.toString();
|
|
10820
|
+
if (!stepString.includes("."))
|
|
10821
|
+
return 0;
|
|
10822
|
+
return stepString.split(".")[1].length;
|
|
10823
|
+
};
|
|
10824
|
+
const decimalPlaces = getDecimalPlaces(step);
|
|
10803
10825
|
const increment = () => {
|
|
10804
10826
|
if (!inputValue) {
|
|
10805
10827
|
formatNumberAndSetInput(step);
|
|
@@ -10807,7 +10829,8 @@ const NumberInput = React__namespace.forwardRef(
|
|
|
10807
10829
|
}
|
|
10808
10830
|
const parsedValue = numberParserRef.current.parse(inputValue);
|
|
10809
10831
|
const newValue = isNaN(parsedValue) ? step : parsedValue + step;
|
|
10810
|
-
|
|
10832
|
+
const roundedValue = parseFloat(newValue.toFixed(decimalPlaces));
|
|
10833
|
+
formatNumberAndSetInput(numberFormaterRef.current.format(roundedValue));
|
|
10811
10834
|
};
|
|
10812
10835
|
const decrement = () => {
|
|
10813
10836
|
if (!inputValue) {
|
|
@@ -10816,7 +10839,8 @@ const NumberInput = React__namespace.forwardRef(
|
|
|
10816
10839
|
}
|
|
10817
10840
|
const parsedValue = numberParserRef.current.parse(inputValue);
|
|
10818
10841
|
const newValue = isNaN(parsedValue) ? -step : parsedValue - step;
|
|
10819
|
-
|
|
10842
|
+
const roundedValue = parseFloat(newValue.toFixed(decimalPlaces));
|
|
10843
|
+
formatNumberAndSetInput(numberFormaterRef.current.format(roundedValue));
|
|
10820
10844
|
};
|
|
10821
10845
|
const handleKeyDown = (e) => {
|
|
10822
10846
|
if (disabled)
|
|
@@ -11704,13 +11728,20 @@ const MultiSelectNested = ({ options, ...props }) => {
|
|
|
11704
11728
|
const NestedOption = styledComponents.styled(MultiSelectOption)`
|
|
11705
11729
|
padding-left: ${({ theme }) => theme.spaces[7]};
|
|
11706
11730
|
`;
|
|
11707
|
-
const
|
|
11731
|
+
const getPadding = (size) => {
|
|
11732
|
+
if (size === "XS") {
|
|
11733
|
+
return { paddingX: "0.6rem", paddingY: "0.2rem" };
|
|
11734
|
+
}
|
|
11735
|
+
if (size === "S") {
|
|
11736
|
+
return { paddingX: 2, paddingY: 1 };
|
|
11737
|
+
}
|
|
11738
|
+
return { paddingX: 5, paddingY: 4 };
|
|
11739
|
+
};
|
|
11740
|
+
const Status = ({ variant: variant2 = "primary", size = "M", children, ...props }) => {
|
|
11708
11741
|
const backgroundColor = `${variant2}100`;
|
|
11709
11742
|
const borderColor = `${variant2}200`;
|
|
11710
|
-
const bulletColor = `${variant2}600`;
|
|
11711
11743
|
const textColor = `${variant2}600`;
|
|
11712
|
-
const paddingX = size
|
|
11713
|
-
const paddingY = size === "S" ? 1 : 4;
|
|
11744
|
+
const { paddingX, paddingY } = getPadding(size);
|
|
11714
11745
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
11715
11746
|
Box,
|
|
11716
11747
|
{
|
|
@@ -11723,10 +11754,7 @@ const Status = ({ variant: variant2 = "primary", showBullet = true, size = "M",
|
|
|
11723
11754
|
paddingLeft: paddingX,
|
|
11724
11755
|
paddingRight: paddingX,
|
|
11725
11756
|
...props,
|
|
11726
|
-
children
|
|
11727
|
-
/* @__PURE__ */ jsxRuntime.jsx(Box, { background: bulletColor, width: "0.6rem", height: "0.6rem", borderRadius: "50%" }),
|
|
11728
|
-
children
|
|
11729
|
-
] }) : children
|
|
11757
|
+
children
|
|
11730
11758
|
}
|
|
11731
11759
|
);
|
|
11732
11760
|
};
|