@local-logic/design-system 0.7.29 → 0.7.30
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/ColorIcon/index.d.ts +8 -0
- package/dist/components/ColorIcon/index.d.ts.map +1 -0
- package/dist/components/ColorIcon/index.stories.d.ts +6 -0
- package/dist/components/ColorIcon/index.stories.d.ts.map +1 -0
- package/dist/components/ColorIcon/index.test.d.ts +1 -0
- package/dist/components/ColorIcon/index.test.d.ts.map +1 -0
- package/dist/components/ColorIcon/styles.d.ts +3 -0
- package/dist/components/ColorIcon/styles.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Dialog/index.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/Dialog/index.test.d.ts +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Dialog/index.test.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.test.d.ts +1 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.test.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts +1 -1
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts +3 -1
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.stories.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.test.d.ts +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.test.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts +1 -1
- package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts +1 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts.map +1 -1
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.test.d.ts +1 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.test.d.ts.map +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +9157 -8765
- package/dist/index.umd.js +126 -73
- package/dist/setupTests.d.ts +1 -0
- package/dist/setupTests.d.ts.map +1 -0
- package/dist/style.css +1 -1
- package/package.json +4 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ColorIconProps = {
|
|
3
|
+
element: React.ReactElement;
|
|
4
|
+
backgroundColor?: string;
|
|
5
|
+
fillColor?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function ColorIcon({ element: Icon, backgroundColor, fillColor, }: ColorIconProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EAAE,IAAI,EACb,eAAwB,EACxB,SAAmB,GACpB,EAAE,cAAc,qBAmBhB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ColorIcon as ColorIconComponent } from './index';
|
|
3
|
+
declare const _default: Meta<typeof ColorIconComponent>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const ColorIcon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('@storybook/react').Args>;
|
|
6
|
+
//# sourceMappingURL=index.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ColorIcon/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;wBAKrD,IAAI,CAAC,OAAO,kBAAkB,CAAC;AAHpC,wBAGqC;AAQrC,eAAO,MAAM,SAAS,2HAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=index.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/components/ColorIcon/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const background = "\n p-1 rounded-full inline-flex items-center justify-center transition-colors\n\n bg-[var(--background)]\n group-hover/color-icon:bg-[var(--fill)]\n group-data-[is-active=true]/color-icon:bg-[var(--fill)]\n\n sm:p-1.5\n";
|
|
2
|
+
export declare const icon = "\n w-3.5 h-3.5 transition-colors\n\n fill-[var(--fill)]\n group-hover/color-icon:fill-base-white\n group-data-[is-active=true]/color-icon:fill-base-white\n";
|
|
3
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ColorIcon/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,qOAQtB,CAAC;AACF,eAAO,MAAM,IAAI,oKAMhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,MAAM,GAAI,sFASpB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,MAAM,GAAI,sFASpB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,sBAqEA,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=index.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Dialog/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/DialogTrigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,aAAa,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/DialogTrigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,aAAa,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,sBAa1D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=index.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/DialogTrigger/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const button = "\n flex flex-col\n items-center justify-center\n rounded-full\n bg-white\n text-gray-400\n border border-gray-150\n w-10 h-10\n p-2\n flex-none\n transition-colors\n hover:bg-
|
|
1
|
+
export declare const button = "\n flex flex-col\n items-center justify-center\n rounded-full\n bg-white\n text-gray-400\n border border-gray-150\n w-10 h-10\n p-2\n flex-none\n transition-colors\n\n hover:bg-primary-100\n hover:text-base-white\n hover:border-transparent\n";
|
|
2
2
|
export declare const icon = "\n h-4 w-4\n text-inherit\n inline-block\n";
|
|
3
3
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/DialogTrigger/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/DialogTrigger/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,mQAelB,CAAC;AAEF,eAAO,MAAM,IAAI,kDAIhB,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Icon } from '@phosphor-icons/react';
|
|
3
|
-
export declare function Filter<T>({ filter, label, icon: Icon, isActive, onSelectFilter, }: {
|
|
3
|
+
export declare function Filter<T>({ filter, label, icon: Icon, iconBackgroundColor, iconFillColor, isActive, onSelectFilter, }: {
|
|
4
4
|
filter: T;
|
|
5
5
|
label: string;
|
|
6
6
|
icon: Icon;
|
|
7
|
+
iconBackgroundColor?: string;
|
|
8
|
+
iconFillColor?: string;
|
|
7
9
|
isActive?: boolean;
|
|
8
10
|
onSelectFilter?: (filter: T) => void;
|
|
9
11
|
}): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,MAAM,EACN,KAAK,EACL,IAAI,EAAE,IAAI,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACf,EAAE;IACD,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CACtC,qBAuBA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;wBAKjD,IAAI,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;AAH9C,wBAG+C;
|
|
1
|
+
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;wBAKjD,IAAI,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;AAH9C,wBAG+C;AAuB/C,eAAO,MAAM,MAAM,2HAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=index.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const container = "group list-none";
|
|
2
|
-
export declare const button = "\n text-gray-400 flex items-center gap-x-2 border border-gray-150\n h-10 px-5 rounded-full cursor-pointer transition-colors -outline-offset-2\n \n hover:bg-
|
|
2
|
+
export declare const button = "\n text-gray-400 flex items-center gap-x-2 border border-gray-150\n h-10 px-5 rounded-full cursor-pointer transition-colors -outline-offset-2\n \n hover:bg-primary-100\n hover:text-base-white\n hover:border-transparent\n\n group-data-[active=true]:bg-primary-100\n group-data-[active=true]:text-base-white\n group-data-[active=true]:border-transparent\n";
|
|
3
3
|
export declare const icon = "w-5 h-5";
|
|
4
4
|
export declare const text = "text-sm font-medium leading-5 text-nowrap";
|
|
5
5
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,oBAAoB,CAAC;AAE3C,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Filter/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,oBAAoB,CAAC;AAE3C,eAAO,MAAM,MAAM,+WAWlB,CAAC;AAEF,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,IAAI,8CAA8C,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
export declare function scrollToElement(isFiltersDialogOpen: boolean, activeFilter?: string, lastActiveFilter?: string, wasFiltersDialogOpen?: boolean, scrollContainerRef?: React.RefObject<HTMLUListElement>): void;
|
|
2
3
|
export declare const ScrollList: ({ activeFilter, leftArrowAriaLabel, rightArrowAriaLabel, children, }: {
|
|
3
4
|
activeFilter?: string;
|
|
4
5
|
leftArrowAriaLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/ScrollList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,eAAO,MAAM,UAAU,GAAI,sEAKxB;IACD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC9B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/ScrollList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,wBAAgB,eAAe,CAC7B,mBAAmB,EAAE,OAAO,EAC5B,YAAY,CAAC,EAAE,MAAM,EACrB,gBAAgB,CAAC,EAAE,MAAM,EACzB,oBAAoB,CAAC,EAAE,OAAO,EAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAyBvD;AAED,eAAO,MAAM,UAAU,GAAI,sEAKxB;IACD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC9B,sBAkHA,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=index.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/ScrollList/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export { Button } from './components/Button';
|
|
2
2
|
export { Card } from './components/Card';
|
|
3
|
-
export {
|
|
3
|
+
export { ColorIcon, type ColorIconProps } from './components/ColorIcon';
|
|
4
4
|
export { Form } from './components/Form';
|
|
5
|
+
export { HorizontalScrollFilters } from './components/HorizontalScrollFilters';
|
|
6
|
+
export { Modal } from './components/Modal';
|
|
5
7
|
export { ToastAlerts, type ToastAlert } from './components/ToastAlerts';
|
|
6
8
|
export { useToastAlerts, ToastAlertsProvider } from './components/ToastAlerts/ToastAlertsProvider';
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC"}
|