@local-logic/design-system 0.7.32 → 0.7.34
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/Form/Root/Input/styles.d.ts +1 -1
- package/dist/components/Form/Root/Input/styles.d.ts.map +1 -1
- package/dist/components/Form/Root/SearchAndSelect/Options/index.d.ts +8 -0
- package/dist/components/Form/Root/SearchAndSelect/Options/index.d.ts.map +1 -0
- package/dist/components/Form/Root/SearchAndSelect/Options/styles.d.ts +4 -0
- package/dist/components/Form/Root/SearchAndSelect/Options/styles.d.ts.map +1 -0
- package/dist/components/Form/Root/SearchAndSelect/index.d.ts +3 -6
- package/dist/components/Form/Root/SearchAndSelect/index.d.ts.map +1 -1
- package/dist/components/Form/Root/SearchAndSelect/styles.d.ts +1 -4
- package/dist/components/Form/Root/SearchAndSelect/styles.d.ts.map +1 -1
- package/dist/components/Form/Root/SearchAndSelect/types.d.ts +6 -0
- package/dist/components/Form/Root/SearchAndSelect/types.d.ts.map +1 -0
- package/dist/components/Form/Root/index.d.ts +2 -1
- package/dist/components/Form/Root/index.d.ts.map +1 -1
- package/dist/index.es.js +3423 -3475
- package/dist/index.umd.js +45 -39
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const container = "flex flex-col relative
|
|
1
|
+
export declare const container = "flex flex-col relative cursor-text min-w-0";
|
|
2
2
|
export declare const field = "\n peer transition-all\n px-4 pt-4 pb-2 border border-solid rounded outline-none\n border-gray-200 bg-white text-base-black text-base\n placeholder:text-transparent\n\n focus:border-primary-100\n hover:bg-gray-25\n disabled:text-gray-200\n\n data-[has-error=true]:border-feedback-danger-200\n data-[is-loading=true]:animate-pulse\n data-[has-prefix-icon=true]:pl-10\n";
|
|
3
3
|
export declare const label = "\n text-xs text-gray-400 px-4 ml-1 w-[125%]\n absolute top-3 origin-top-left text-ellipsis overflow-hidden\n scale-75 duration-300 text-nowrap\n transform -translate-y-1\n \n peer-placeholder-shown:text-base\n peer-placeholder-shown:scale-100\n peer-placeholder-shown:w-full\n peer-placeholder-shown:-translate-y-0\n\n peer-focus:scale-75\n peer-focus:text-xs\n peer-focus:w-[125%]\n peer-focus:ml-1\n peer-focus:-translate-y-1\n\n peer-placeholder-shown:peer-data-[has-prefix-icon=true]:ml-6\n peer-placeholder-shown:peer-data-[has-prefix-icon=true]:w-[calc(100%-24px)]\n\n peer-data-[has-prefix-icon=true]:ml-7\n peer-data-[has-prefix-icon=true]:w-[calc(125%-24px)]\n\n peer-focus:peer-data-[has-prefix-icon=true]:ml-7\n peer-focus:peer-data-[has-prefix-icon=true]:w-[calc(125%-24px)]\n";
|
|
4
4
|
export declare const prefixIcon = "h-4 w-4 absolute left-4 top-1/2 -translate-y-1/2";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/Input/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/Input/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,+CAA+C,CAAC;AAEtE,eAAO,MAAM,KAAK,8XAajB,CAAC;AAEF,eAAO,MAAM,KAAK,6yBAyBjB,CAAC;AAEF,eAAO,MAAM,UAAU,qDAAqD,CAAC;AAE7E,eAAO,MAAM,UAAU,sDAAsD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Option } from '../types';
|
|
3
|
+
export declare function Options<T>({ isOpen, options, onSelect, }: {
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
options: Option<T>[];
|
|
6
|
+
onSelect: (value: T) => void;
|
|
7
|
+
}): React.JSX.Element | null;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Root/SearchAndSelect/Options/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIvC,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B,4BAgBA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const container = "relative";
|
|
2
|
+
export declare const list = "\n absolute left-0 right-0\n list-none px-0 py-1 \n rounded-lg overflow-hidden\n bg-white shadow-multi-2sm rounded-lg \n\n group-data-[direction=\"topToBottom\"]/search-and-select:top-0\n group-data-[direction=\"topToBottom\"]/search-and-select:mt-1\n\n group-data-[direction=\"bottomToTop\"]/search-and-select:bottom-0\n group-data-[direction=\"bottomToTop\"]/search-and-select:mb-1\n";
|
|
3
|
+
export declare const item = "\n py-2.5 px-4 cursor-pointer transition-all\n bg-white hover:bg-primary-10 hover:font-medium hover:text-black\n";
|
|
4
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Root/SearchAndSelect/Options/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,aAAa,CAAC;AACpC,eAAO,MAAM,IAAI,8YAWhB,CAAC;AACF,eAAO,MAAM,IAAI,uHAGhB,CAAC"}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Icon as IconType } from '@phosphor-icons/react';
|
|
3
|
-
|
|
4
|
-
value: T;
|
|
5
|
-
label: string | React.JSX.Element | React.JSX.Element[];
|
|
6
|
-
key: string;
|
|
7
|
-
};
|
|
3
|
+
import { Option } from './types';
|
|
8
4
|
/**
|
|
9
5
|
* Unfortunately, we can't use radix select or dropdown because they require a trigger and
|
|
10
6
|
* it doesn't work very well with an input field. There seems to be some traction to eventually
|
|
11
7
|
* have a "combobox" which is essentially what we're doing here.
|
|
12
8
|
*/
|
|
13
|
-
export declare function SearchAndSelect<T>({ name, label, options, selectedLabel, isLoading, isDisabled, clearOnSelect, maxLength, prefixIcon: PrefixIcon, suffixIcon: SuffixIcon, className, onChange, onClear, onFocus, onBlur, onSelect, }: {
|
|
9
|
+
export declare function SearchAndSelect<T>({ name, label, direction, options, selectedLabel, isLoading, isDisabled, clearOnSelect, maxLength, prefixIcon: PrefixIcon, suffixIcon: SuffixIcon, className, onChange, onClear, onFocus, onBlur, onSelect, }: {
|
|
14
10
|
name: string;
|
|
15
11
|
label: string;
|
|
12
|
+
direction?: "topToBottom" | "bottomToTop";
|
|
16
13
|
options?: Option<T>[];
|
|
17
14
|
selectedLabel?: string;
|
|
18
15
|
isLoading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/SearchAndSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/SearchAndSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAItC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,IAAI,EACJ,KAAK,EACL,SAAyB,EACzB,OAAY,EACZ,aAAa,EACb,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,SAAe,EACf,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,GAAG,aAAa,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,qBAmGA"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
export declare const container = "relative";
|
|
2
|
-
export declare const results = "relative";
|
|
3
|
-
export declare const list = "\n absolute top-0 left-0 right-0\n list-none px-0 py-1 mt-1\n rounded-lg overflow-hidden\n bg-white shadow-multi-2sm rounded-lg \n";
|
|
4
|
-
export declare const item = "\n py-2.5 px-4 cursor-pointer transition-all\n bg-white hover:bg-primary-10 hover:font-medium hover:text-black\n";
|
|
1
|
+
export declare const container = "relative group/search-and-select min-w-0 w-full";
|
|
5
2
|
export declare const closeButton = "\n border-0 p-0 cursor-pointer\n absolute top-1/2 -translate-y-1/2\n right-4 bg-transparent\n";
|
|
6
3
|
export declare const icon = "\n h-4 w-4 \n";
|
|
7
4
|
export declare const loader = "\n animate-spin h-4 w-4\n absolute top-4 right-9 \n";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/SearchAndSelect/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/SearchAndSelect/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,oDAAoD,CAAC;AAC3E,eAAO,MAAM,WAAW,qGAIvB,CAAC;AACF,eAAO,MAAM,IAAI,mBAEhB,CAAC;AACF,eAAO,MAAM,MAAM,0DAGlB,CAAC;AACF,eAAO,MAAM,QAAQ,2JAMpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/SearchAndSelect/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACxD,GAAG,EAAE,MAAM,CAAC;CACb,CAAC"}
|
|
@@ -7,5 +7,6 @@ export { Input } from './Input';
|
|
|
7
7
|
export { Textarea } from './Textarea';
|
|
8
8
|
export { Search } from './Search';
|
|
9
9
|
export { Checkbox } from './Checkbox';
|
|
10
|
-
export { SearchAndSelect
|
|
10
|
+
export { SearchAndSelect } from './SearchAndSelect';
|
|
11
|
+
export type { Option } from './SearchAndSelect/types';
|
|
11
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,wBAAgB,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,EACxC,SAAiB,EACjB,kBAAyB,EACzB,aAAa,EACb,gBAAgB,EAChB,eAAuB,EACvB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,CAAC,CAAC,CAAC,qBAoCd;AAGD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC"}
|