@strapi/design-system 2.0.0-rc.21 → 2.0.0-rc.22

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.
@@ -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;AA6EzC,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
+ {"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;AAiFzC,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"}
@@ -3,15 +3,16 @@ import { Combobox as ComboboxPrimitive } from '@strapi/ui-primitives';
3
3
  import { Field } from '../Field';
4
4
  interface ComboboxProps extends Pick<ComboboxPrimitive.RootProps, 'allowCustomValue' | 'autocomplete' | 'children' | 'disabled' | 'defaultTextValue' | 'defaultOpen' | 'defaultFilterValue' | 'filterValue' | 'isPrintableCharacter' | 'open' | 'onOpenChange' | 'onFilterValueChange' | 'onTextValueChange' | 'required' | 'textValue' | 'value'>, Pick<Field.InputProps, 'hasError' | 'name' | 'id'>, Omit<ComboboxPrimitive.TextInputProps, 'required' | 'disabled' | 'value' | 'onChange' | 'size'> {
5
5
  clearLabel?: string;
6
- creatable?: boolean;
6
+ creatable?: boolean | 'visible';
7
7
  createMessage?: (value: string) => string;
8
+ creatableStartIcon?: React.ReactNode;
8
9
  hasMoreItems?: boolean;
9
10
  loading?: boolean;
10
11
  loadingMessage?: string;
11
12
  noOptionsMessage?: (value: string) => string;
12
13
  onChange?: ComboboxPrimitive.RootProps['onValueChange'];
13
14
  onClear?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
14
- onCreateOption?: (value: string) => void;
15
+ onCreateOption?: (value?: string) => void;
15
16
  onLoadMore?: (entry: IntersectionObserverEntry) => void;
16
17
  onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
17
18
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,oBAAoB,GAAG,gBAAgB,CAAC;AAE7C,QAAA,MAAM,QAAQ,wFAqOb,CAAC;AAiHF,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,SAAS;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,4FAYX,CAAC;AA8BF,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,oBAAoB,GAAG,gBAAgB,CAAC;AAE7C,QAAA,MAAM,QAAQ,wFA4Ob,CAAC;AA6IF,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,SAAS;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,4FAYX,CAAC;AA8BF,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"JSONInput.d.ts","sourceRoot":"","sources":["../../../src/components/JSONInput/JSONInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACjD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,SAAS,kGA8Id,CAAC;AAoCF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"JSONInput.d.ts","sourceRoot":"","sources":["../../../src/components/JSONInput/JSONInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACjD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,SAAS,kGA+Id,CAAC;AAqCF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAKjD,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOzE,UAAU,KAAM,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE7C,QAAA,MAAM,IAAI,8BAAc,CAAC;AAMzB,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE5E,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,MAAM,CAAC,kBAAkB;CAAG;AAE3D,QAAA,MAAM,OAAO,qFAQX,CAAC;AAqDH,KAAK,YAAY,GAAG,iBAAiB,CAAC;AAEtC,UAAU,UAAW,SAAQ,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;CAAG;AAExE,QAAA,MAAM,KAAK,sFAET,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,iGAsBX,CAAC;AAUF,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAErD,QAAA,MAAM,KAAK,uFAMT,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,eAAe;CAAG;AAE9C,QAAA,MAAM,IAAI,kFAMR,CAAC;AAmBH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAaV,CAAC;AAOH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtE,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,GACZ,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAIjD,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOzE,UAAU,KAAM,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE7C,QAAA,MAAM,IAAI,8BAAc,CAAC;AAMzB,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE5E,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,MAAM,CAAC,kBAAkB;CAAG;AAE3D,QAAA,MAAM,OAAO,qFAOX,CAAC;AAuDH,KAAK,YAAY,GAAG,iBAAiB,CAAC;AAEtC,UAAU,UAAW,SAAQ,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;CAAG;AAExE,QAAA,MAAM,KAAK,sFAET,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,iGAsBX,CAAC;AAUF,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAErD,QAAA,MAAM,KAAK,uFAMT,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,eAAe;CAAG;AAE9C,QAAA,MAAM,IAAI,kFAMR,CAAC;AAmBH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAaV,CAAC;AAOH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtE,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,GACZ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAY1D,KAAK,YAAY,GAAG,cAAc,CAAC;AAEnC,UAAU,UAAW,SAAQ,UAAU,CAAC,eAAe;CAAG;AAE1D,QAAA,MAAM,KAAK,mFAET,CAAC;AAYH,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAErC,UAAU,SAAU,SAAQ,UAAU,CAAC,mBAAmB;CAAG;AAE7D,QAAA,MAAM,IAAI,qFAaR,CAAC;AA+DH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACvB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAY1D,KAAK,YAAY,GAAG,cAAc,CAAC;AAEnC,UAAU,UAAW,SAAQ,UAAU,CAAC,eAAe;CAAG;AAE1D,QAAA,MAAM,KAAK,mFAET,CAAC;AAYH,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAErC,UAAU,SAAU,SAAQ,UAAU,CAAC,mBAAmB;CAAG;AAE7D,QAAA,MAAM,IAAI,qFAaR,CAAC;AAiEH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACvB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;AAuBF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;AA2BF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,aAAa,EAAwC,MAAM,sBAAsB,CAAC;AAUrG,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,aAAa,EACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,qBAAqB,GACrB,aAAa,GACb,OAAO,GACP,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,mBAAmB,CACtB;IACD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,0FA8GtB,CAAC"}
1
+ {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,aAAa,EAAwC,MAAM,sBAAsB,CAAC;AAerG,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,aAAa,EACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,qBAAqB,GACrB,aAAa,GACb,OAAO,GACP,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,mBAAmB,CACtB;IACD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,0FAiHtB,CAAC"}
package/dist/index.js CHANGED
@@ -1840,7 +1840,7 @@ const MenuContent = React__namespace.forwardRef(
1840
1840
  ({ children, intersectionId, onCloseAutoFocus, popoverPlacement = "bottom-start", ...props }, ref) => {
1841
1841
  const [side, align] = popoverPlacement.split("-");
1842
1842
  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align, side, loop: true, onCloseAutoFocus, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
1843
- Viewport$2,
1843
+ Viewport$1,
1844
1844
  {
1845
1845
  ref,
1846
1846
  direction: "column",
@@ -1864,7 +1864,7 @@ const MenuContent = React__namespace.forwardRef(
1864
1864
  ) }) });
1865
1865
  }
1866
1866
  );
1867
- const Viewport$2 = styledComponents.styled(Flex)`
1867
+ const Viewport$1 = styledComponents.styled(Flex)`
1868
1868
  scrollbar-width: none;
1869
1869
  -ms-overflow-style: none;
1870
1870
  -webkit-overflow-scrolling: touch;
@@ -2003,7 +2003,7 @@ const SubmenuTrigger = styledComponents.styled(OptionButton)`
2003
2003
  `;
2004
2004
  const MenuSubContent = React__namespace.forwardRef((props, ref) => {
2005
2005
  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.SubContent, { sideOffset: 8, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
2006
- Viewport$2,
2006
+ Viewport$1,
2007
2007
  {
2008
2008
  ref,
2009
2009
  direction: "column",
@@ -2242,6 +2242,10 @@ const CheckboxIndicator = styledComponents.styled(Checkbox__namespace.Indicator)
2242
2242
  cursor: pointer;
2243
2243
  justify-content: center;
2244
2244
  align-items: center;
2245
+
2246
+ &[data-disabled] {
2247
+ cursor: not-allowed;
2248
+ }
2245
2249
  `;
2246
2250
  const CheckboxImpl = React__namespace.forwardRef(({ children, ...restProps }, forwardedRef) => {
2247
2251
  const labelId = useId(restProps.id);
@@ -3001,6 +3005,7 @@ const Combobox = React__namespace.forwardRef(
3001
3005
  className,
3002
3006
  clearLabel = "Clear",
3003
3007
  creatable = false,
3008
+ creatableStartIcon,
3004
3009
  createMessage = (value2) => `Create "${value2}"`,
3005
3010
  defaultFilterValue,
3006
3011
  defaultTextValue,
@@ -3084,8 +3089,10 @@ const Combobox = React__namespace.forwardRef(
3084
3089
  }
3085
3090
  };
3086
3091
  const handleCreateItemClick = () => {
3087
- if (onCreateOption && internalTextValue) {
3092
+ if (onCreateOption && internalTextValue && creatable !== "visible") {
3088
3093
  onCreateOption(internalTextValue);
3094
+ } else if (onCreateOption && creatable === "visible") {
3095
+ onCreateOption();
3089
3096
  }
3090
3097
  };
3091
3098
  const generatedIntersectionId = useId();
@@ -3112,12 +3119,12 @@ const Combobox = React__namespace.forwardRef(
3112
3119
  return /* @__PURE__ */ jsxRuntime.jsxs(
3113
3120
  uiPrimitives.Combobox.Root,
3114
3121
  {
3115
- autocomplete: autocomplete || (creatable ? "list" : "both"),
3122
+ autocomplete: autocomplete || (creatable === true ? "list" : "both"),
3116
3123
  onOpenChange: handleOpenChange,
3117
3124
  open: internalIsOpen,
3118
3125
  onTextValueChange: handleTextValueChange,
3119
3126
  textValue: internalTextValue,
3120
- allowCustomValue: creatable || allowCustomValue,
3127
+ allowCustomValue: !!creatable || allowCustomValue,
3121
3128
  disabled,
3122
3129
  required,
3123
3130
  value,
@@ -3125,6 +3132,7 @@ const Combobox = React__namespace.forwardRef(
3125
3132
  filterValue: internalFilterValue,
3126
3133
  onFilterValueChange: handleFilterValueChange,
3127
3134
  isPrintableCharacter: isPrintableCharacter2,
3135
+ visible: creatable === "visible",
3128
3136
  children: [
3129
3137
  /* @__PURE__ */ jsxRuntime.jsxs(Trigger$5, { $hasError: hasError, $size: size, className, children: [
3130
3138
  /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flex: "1", tag: "span", gap: 3, children: [
@@ -3160,21 +3168,18 @@ const Combobox = React__namespace.forwardRef(
3160
3168
  /* @__PURE__ */ jsxRuntime.jsx(DownIcon$1, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { fill: "neutral500" }) })
3161
3169
  ] })
3162
3170
  ] }),
3163
- /* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaImpl$1, { children: /* @__PURE__ */ jsxRuntime.jsxs(Viewport$1, { ref: viewportRef, children: [
3164
- children,
3165
- creatable ? /* @__PURE__ */ jsxRuntime.jsx(
3166
- uiPrimitives.Combobox.CreateItem,
3167
- {
3168
- onPointerUp: handleCreateItemClick,
3169
- onClick: handleCreateItemClick,
3170
- asChild: true,
3171
- children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: createMessage(internalTextValue ?? "") }) })
3172
- }
3173
- ) : null,
3174
- !creatable && !loading ? /* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.NoValueFound, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { $hasHover: false, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: noOptionsMessage(internalTextValue ?? "") }) }) }) : null,
3175
- loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
3176
- /* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
3177
- ] }) }) }) })
3171
+ /* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(uiPrimitives.Combobox.Viewport, { ref: viewportRef, children: [
3172
+ /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaCombobox, { children: [
3173
+ children,
3174
+ creatable !== true && !loading ? /* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.NoValueFound, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { $hasHover: false, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: noOptionsMessage(internalTextValue ?? "") }) }) }) : null,
3175
+ loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
3176
+ /* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
3177
+ ] }),
3178
+ creatable ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxCreateItem, { onPointerUp: handleCreateItemClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: 2, children: [
3179
+ creatableStartIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { tag: "span", "aria-hidden": true, display: "inline-flex", children: creatableStartIcon }),
3180
+ /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: createMessage(internalTextValue ?? "") })
3181
+ ] }) }) }) : null
3182
+ ] }) }) })
3178
3183
  ]
3179
3184
  }
3180
3185
  );
@@ -3259,6 +3264,11 @@ const Content$5 = styledComponents.styled(uiPrimitives.Combobox.Content)`
3259
3264
  max-height: 15rem;
3260
3265
  z-index: ${({ theme }) => theme.zIndices.popover};
3261
3266
 
3267
+ &:focus-visible {
3268
+ outline: ${({ theme }) => `2px solid ${theme.colors.primary600}`};
3269
+ outline-offset: 2px;
3270
+ }
3271
+
3262
3272
  @media (prefers-reduced-motion: no-preference) {
3263
3273
  animation-duration: ${(props) => props.theme.motion.timings["200"]};
3264
3274
 
@@ -3276,7 +3286,29 @@ const Content$5 = styledComponents.styled(uiPrimitives.Combobox.Content)`
3276
3286
  }
3277
3287
  }
3278
3288
  `;
3279
- const Viewport$1 = styledComponents.styled(uiPrimitives.Combobox.Viewport)`
3289
+ const ComboboxCreateItem = styledComponents.styled(uiPrimitives.Combobox.CreateItem)`
3290
+ && {
3291
+ border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
3292
+ background: ${({ theme }) => theme.colors.neutral0};
3293
+ cursor: pointer;
3294
+ padding: ${({ theme }) => theme.spaces[1]};
3295
+ position: sticky;
3296
+ bottom: 0;
3297
+ left: 0;
3298
+ }
3299
+ &&:hover,
3300
+ &&[data-highlighted] {
3301
+ background-color: transparent;
3302
+ }
3303
+ && > div {
3304
+ padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[4]};
3305
+ }
3306
+ && > div:hover,
3307
+ &&[data-highlighted] > div {
3308
+ background-color: ${({ theme }) => theme.colors.primary100};
3309
+ }
3310
+ `;
3311
+ const ScrollAreaCombobox = styledComponents.styled(ScrollAreaImpl$1)`
3280
3312
  padding: ${({ theme }) => theme.spaces[1]};
3281
3313
  `;
3282
3314
  const Option = React__namespace.forwardRef(
@@ -3569,6 +3601,14 @@ ${styledComponents.css`
3569
3601
  outline-offset: 2px;
3570
3602
  }
3571
3603
 
3604
+ *:has(> :disabled:not(button)) {
3605
+ cursor: not-allowed !important;
3606
+ }
3607
+
3608
+ [aria-disabled='true']:not(button) {
3609
+ cursor: not-allowed !important;
3610
+ }
3611
+
3572
3612
  /* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */
3573
3613
  *:focus:not(:focus-visible) {
3574
3614
  outline: none;
@@ -4715,6 +4755,9 @@ const convertUTCDateToCalendarDate = (date$1) => {
4715
4755
  const isNotAlphabeticalCharacter = (str) => {
4716
4756
  return Boolean(str.match(/^[^a-zA-Z]*$/));
4717
4757
  };
4758
+ function escapeForRegex(str = "") {
4759
+ return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
4760
+ }
4718
4761
  const TimePicker$1 = React__namespace.forwardRef(
4719
4762
  ({ step = 15, value: valueProp, defaultValue, onChange, ...restProps }, forwardedRef) => {
4720
4763
  const context = useDesignSystem("TimePicker");
@@ -4778,6 +4821,8 @@ const TimePicker$1 = React__namespace.forwardRef(
4778
4821
  setTextValue(actualValue);
4779
4822
  }
4780
4823
  }, [valueProp, setTextValue]);
4824
+ const escapedSeparator = escapeForRegex(separator);
4825
+ const pattern = `\\d{2}${escapedSeparator}\\d{2}`;
4781
4826
  return /* @__PURE__ */ jsxRuntime.jsx(
4782
4827
  Combobox,
4783
4828
  {
@@ -4791,7 +4836,7 @@ const TimePicker$1 = React__namespace.forwardRef(
4791
4836
  autocomplete: "none",
4792
4837
  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { fill: "neutral500" }),
4793
4838
  inputMode: "numeric",
4794
- pattern: `\\d{2}\\${separator}\\d{2}`,
4839
+ pattern,
4795
4840
  textValue,
4796
4841
  onTextValueChange: handleTextValueChange,
4797
4842
  onBlur: handleBlur,
@@ -5094,6 +5139,7 @@ const JSONInput = React__namespace.forwardRef(
5094
5139
  JSONInputContainer,
5095
5140
  {
5096
5141
  ref: composedRefs,
5142
+ $disabled: disabled,
5097
5143
  $hasError: hasError,
5098
5144
  alignItems: "stretch",
5099
5145
  fontSize: 2,
@@ -5117,6 +5163,7 @@ const JSONInputContainer = styledComponents.styled(Flex)`
5117
5163
  background-color: #32324d;
5118
5164
  width: 100%;
5119
5165
  outline: none;
5166
+ cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "text"};
5120
5167
  }
5121
5168
 
5122
5169
  .cm-scroller {
@@ -5188,19 +5235,23 @@ const SkipToContent = ({ children }) => {
5188
5235
  }
5189
5236
  );
5190
5237
  };
5191
- const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255).toString(16).padStart(2, "0")}`;
5192
5238
  const Root$3 = Dialog__namespace.Root;
5193
5239
  const Trigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
5194
5240
  return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Trigger, { ...props, asChild: true, ref: forwardedRef });
5195
5241
  });
5196
5242
  const Content$2 = React__namespace.forwardRef((props, forwardedRef) => {
5197
- return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Overlay, { children: /* @__PURE__ */ jsxRuntime.jsx(ContentImpl, { ref: forwardedRef, ...props }) }) });
5243
+ return /* @__PURE__ */ jsxRuntime.jsxs(Dialog__namespace.Portal, { children: [
5244
+ /* @__PURE__ */ jsxRuntime.jsx(Overlay, {}),
5245
+ /* @__PURE__ */ jsxRuntime.jsx(ContentImpl, { ref: forwardedRef, ...props })
5246
+ ] });
5198
5247
  });
5199
5248
  const Overlay = styledComponents.styled(Dialog__namespace.Overlay)`
5200
- background: ${(props) => setOpacity(props.theme.colors.neutral800, 0.2)};
5249
+ background-color: ${(props) => props.theme.colors.neutral800};
5201
5250
  position: fixed;
5202
5251
  inset: 0;
5203
5252
  z-index: ${(props) => props.theme.zIndices.overlay};
5253
+ opacity: 0.2;
5254
+ will-change: opacity;
5204
5255
 
5205
5256
  @media (prefers-reduced-motion: no-preference) {
5206
5257
  animation: ${ANIMATIONS.overlayFadeIn} ${(props) => props.theme.motion.timings["200"]}
@@ -5676,6 +5727,7 @@ const RadioGroupItem = styledComponents.styled(RadioGroup__namespace.Item)`
5676
5727
  border-radius: 50%;
5677
5728
  border: 1px solid ${(props) => props.theme.colors.neutral300};
5678
5729
  position: relative;
5730
+ cursor: pointer;
5679
5731
  z-index: 0;
5680
5732
 
5681
5733
  @media (prefers-reduced-motion: no-preference) {
@@ -5688,6 +5740,7 @@ const RadioGroupItem = styledComponents.styled(RadioGroup__namespace.Item)`
5688
5740
  }
5689
5741
 
5690
5742
  &[data-disabled] {
5743
+ cursor: not-allowed;
5691
5744
  background-color: ${(props) => props.theme.colors.neutral200};
5692
5745
  }
5693
5746
 
@@ -7038,6 +7091,10 @@ const TextareaElement = styledComponents.styled(Box)`
7038
7091
  &:focus-within {
7039
7092
  outline: none;
7040
7093
  }
7094
+
7095
+ &:disabled {
7096
+ cursor: not-allowed;
7097
+ }
7041
7098
  `;
7042
7099
  const Toggle = React__namespace.forwardRef(
7043
7100
  ({