@local-logic/design-system 0.7.28 → 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 +12 -0
- package/dist/components/HorizontalScrollFilters/Root/Dialog/index.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Dialog/index.stories.d.ts +6 -0
- package/dist/components/HorizontalScrollFilters/Root/Dialog/index.stories.d.ts.map +1 -0
- 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/Dialog/styles.d.ts +11 -0
- package/dist/components/HorizontalScrollFilters/Root/Dialog/styles.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.d.ts +5 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.stories.d.ts +6 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.stories.d.ts.map +1 -0
- 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 +3 -0
- package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts +12 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.stories.d.ts +6 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/index.stories.d.ts.map +1 -0
- 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 +5 -0
- package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts +9 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.stories.d.ts +6 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.stories.d.ts.map +1 -0
- 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/components/HorizontalScrollFilters/Root/ScrollList/styles.d.ts +6 -0
- package/dist/components/HorizontalScrollFilters/Root/ScrollList/styles.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/context.d.ts +13 -0
- package/dist/components/HorizontalScrollFilters/Root/context.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/index.d.ts +10 -0
- package/dist/components/HorizontalScrollFilters/Root/index.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/Root/index.stories.d.ts +6 -0
- package/dist/components/HorizontalScrollFilters/Root/index.stories.d.ts.map +1 -0
- package/dist/components/HorizontalScrollFilters/index.d.ts +2 -0
- package/dist/components/HorizontalScrollFilters/index.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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const Dialog: ({ title, description, applyLabel, resetLabel, onReset, onApply, onClose, children, }: {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
applyLabel: string;
|
|
6
|
+
resetLabel: string;
|
|
7
|
+
onReset: () => void;
|
|
8
|
+
onApply: () => void;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}) => React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,sBAqEA,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { HorizontalScrollFilters } from '../../index';
|
|
3
|
+
declare const _default: Meta<typeof HorizontalScrollFilters.Root>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Dialog: 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/HorizontalScrollFilters/Root/Dialog/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;wBAKjD,IAAI,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;AAH9C,wBAG+C;AAgB/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/Dialog/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const overlay = "fixed top-0 left-0 right-0 bottom-0 z-20 opacity-40 bg-gray-400 rounded inset-0";
|
|
2
|
+
export declare const content = "\n fixed top-0 left-0 h-full w-full\n\n md:top-1/2 md:max-h-[475px] md:-translate-y-1/2\n md:left-1/2 md:max-w-[600px] md:-translate-x-1/2\n \n bg-base-white\n py-6\n z-30\n";
|
|
3
|
+
export declare const title = "text-center font-semibold text-gray-800";
|
|
4
|
+
export declare const description = "font-medium leading-6 text-gray-400 mt-8 mb-6 px-4";
|
|
5
|
+
export declare const close = "absolute top-5 right-5";
|
|
6
|
+
export declare const closeIcon = "h-8 w-8 text-gray-250 hover:text-gray-400 transition-colors";
|
|
7
|
+
export declare const filters = "h-full flex flex-col justify-between";
|
|
8
|
+
export declare const filterList = "px-4 pb-4 flex flex-wrap gap-2 overflow-y-auto";
|
|
9
|
+
export declare const footer = "p-6 border-t border-gray-200 flex justify-between items-center";
|
|
10
|
+
export declare const saveButton = "md:w-52";
|
|
11
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/Dialog/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,oFAAoF,CAAC;AAEzG,eAAO,MAAM,OAAO,yLASnB,CAAC;AAEF,eAAO,MAAM,KAAK,4CAA4C,CAAC;AAC/D,eAAO,MAAM,WAAW,uDAAuD,CAAC;AAEhF,eAAO,MAAM,KAAK,2BAA2B,CAAC;AAC9C,eAAO,MAAM,SAAS,gEAAgE,CAAC;AAEvF,eAAO,MAAM,OAAO,yCAAyC,CAAC;AAC9D,eAAO,MAAM,UAAU,mDAAmD,CAAC;AAE3E,eAAO,MAAM,MAAM,mEAAmE,CAAC;AACvF,eAAO,MAAM,UAAU,YAAY,CAAC"}
|
|
@@ -0,0 +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,sBAa1D,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { HorizontalScrollFilters } from '../../index';
|
|
3
|
+
declare const _default: Meta<typeof HorizontalScrollFilters.Root>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const DialogTrigger: 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/HorizontalScrollFilters/Root/DialogTrigger/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;wBAKjD,IAAI,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;AAH9C,wBAG+C;AAQ/C,eAAO,MAAM,aAAa,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/DialogTrigger/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +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\n hover:bg-primary-100\n hover:text-base-white\n hover:border-transparent\n";
|
|
2
|
+
export declare const icon = "\n h-4 w-4\n text-inherit\n inline-block\n";
|
|
3
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Icon } from '@phosphor-icons/react';
|
|
3
|
+
export declare function Filter<T>({ filter, label, icon: Icon, iconBackgroundColor, iconFillColor, isActive, onSelectFilter, }: {
|
|
4
|
+
filter: T;
|
|
5
|
+
label: string;
|
|
6
|
+
icon: Icon;
|
|
7
|
+
iconBackgroundColor?: string;
|
|
8
|
+
iconFillColor?: string;
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
onSelectFilter?: (filter: T) => void;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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;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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { HorizontalScrollFilters } from '../../index';
|
|
3
|
+
declare const _default: Meta<typeof HorizontalScrollFilters.Root>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Filter: 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/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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
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-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
|
+
export declare const icon = "w-5 h-5";
|
|
4
|
+
export declare const text = "text-sm font-medium leading-5 text-nowrap";
|
|
5
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +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,+WAWlB,CAAC;AAEF,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,IAAI,8CAA8C,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
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;
|
|
3
|
+
export declare const ScrollList: ({ activeFilter, leftArrowAriaLabel, rightArrowAriaLabel, children, }: {
|
|
4
|
+
activeFilter?: string;
|
|
5
|
+
leftArrowAriaLabel?: string;
|
|
6
|
+
rightArrowAriaLabel?: string;
|
|
7
|
+
children?: React.ReactNode[];
|
|
8
|
+
}) => React.JSX.Element;
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,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,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { HorizontalScrollFilters } from '../../index';
|
|
3
|
+
declare const _default: Meta<typeof HorizontalScrollFilters.Root>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const ScrollList: 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/HorizontalScrollFilters/Root/ScrollList/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;AA4B/C,eAAO,MAAM,UAAU,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/ScrollList/index.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const container = "relative overflow-hidden";
|
|
2
|
+
export declare const list = "h-full flex gap-x-2 items-center overflow-auto no-scrollbar outline-px focus:outline-primary-100 -outline-offset-2";
|
|
3
|
+
export declare const leftArrowContainer = "h-full hidden md:flex items-center w-16 absolute from-base-white via-base-white to-transparent justify-start left-0 bg-gradient-to-r pl-1";
|
|
4
|
+
export declare const rightArrowContainer = "h-full hidden md:flex items-center w-16 absolute from-base-white via-base-white to-transparent justify-end right-0 bg-gradient-to-l pr-1";
|
|
5
|
+
export declare const arrowIcon = "flex justify-center items-center border-2 border-gray-400 text-gray-400 rounded-full w-8 h-8 bg-base-white cursor-pointer hover:scale-110 hover:shadow-md transition-all";
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScrollFilters/Root/ScrollList/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,6BAA6B,CAAC;AAEpD,eAAO,MAAM,IAAI,uHAAuH,CAAC;AAGzI,eAAO,MAAM,kBAAkB,8IAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,6IAAgE,CAAC;AACjG,eAAO,MAAM,SAAS,6KAA6K,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type DefaultContext<T> = {
|
|
3
|
+
activeFilter?: T;
|
|
4
|
+
isFiltersDialogOpen: boolean;
|
|
5
|
+
setIsFiltersDialogOpen: (isOpen: boolean) => void;
|
|
6
|
+
};
|
|
7
|
+
declare const useRootElement: <T>() => DefaultContext<T>;
|
|
8
|
+
declare function RootElementContextProvider<T>({ activeFilter, children, }: {
|
|
9
|
+
activeFilter?: T;
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
export { useRootElement, RootElementContextProvider };
|
|
13
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/HorizontalScrollFilters/Root/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,sBAAsB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,CAAC;AAKF,QAAA,MAAM,cAAc,GAAI,CAAC,OAA0C,cAAc,CAAC,CAAC,CAAC,CAAC;AAErF,iBAAS,0BAA0B,CAAC,CAAC,EAAE,EACrC,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAcA;AAED,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type RootProps = {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export declare function Root(props: RootProps): React.JSX.Element;
|
|
6
|
+
export { DialogTrigger } from './DialogTrigger';
|
|
7
|
+
export { ScrollList } from './ScrollList';
|
|
8
|
+
export { Filter } from './Filter';
|
|
9
|
+
export { Dialog } from './Dialog';
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HorizontalScrollFilters/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBAEpC;AAGD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { HorizontalScrollFilters } from '../index';
|
|
3
|
+
declare const _default: Meta<typeof HorizontalScrollFilters.Root>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Example: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, HorizontalScrollFilters.RootProps>;
|
|
6
|
+
//# sourceMappingURL=index.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HorizontalScrollFilters/Root/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;wBAK9C,IAAI,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;AAH9C,wBAG+C;AAyD/C,eAAO,MAAM,OAAO,6HAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HorizontalScrollFilters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,QAAQ,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"}
|