@local-logic/design-system 0.7.27 → 0.7.29

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.
Files changed (40) hide show
  1. package/dist/components/Form/Root/Checkbox/styles.d.ts +3 -3
  2. package/dist/components/Form/Root/Checkbox/styles.d.ts.map +1 -1
  3. package/dist/components/Form/Root/Input/index.d.ts.map +1 -1
  4. package/dist/components/Form/Root/styles.d.ts +1 -1
  5. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.d.ts +12 -0
  6. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.d.ts.map +1 -0
  7. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.stories.d.ts +6 -0
  8. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.stories.d.ts.map +1 -0
  9. package/dist/components/HorizontalScrollFilters/Root/Dialog/styles.d.ts +11 -0
  10. package/dist/components/HorizontalScrollFilters/Root/Dialog/styles.d.ts.map +1 -0
  11. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.d.ts +5 -0
  12. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.d.ts.map +1 -0
  13. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.stories.d.ts +6 -0
  14. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.stories.d.ts.map +1 -0
  15. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts +3 -0
  16. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts.map +1 -0
  17. package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts +10 -0
  18. package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts.map +1 -0
  19. package/dist/components/HorizontalScrollFilters/Root/Filter/index.stories.d.ts +6 -0
  20. package/dist/components/HorizontalScrollFilters/Root/Filter/index.stories.d.ts.map +1 -0
  21. package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts +5 -0
  22. package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts.map +1 -0
  23. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts +8 -0
  24. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts.map +1 -0
  25. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.stories.d.ts +6 -0
  26. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.stories.d.ts.map +1 -0
  27. package/dist/components/HorizontalScrollFilters/Root/ScrollList/styles.d.ts +6 -0
  28. package/dist/components/HorizontalScrollFilters/Root/ScrollList/styles.d.ts.map +1 -0
  29. package/dist/components/HorizontalScrollFilters/Root/context.d.ts +13 -0
  30. package/dist/components/HorizontalScrollFilters/Root/context.d.ts.map +1 -0
  31. package/dist/components/HorizontalScrollFilters/Root/index.d.ts +10 -0
  32. package/dist/components/HorizontalScrollFilters/Root/index.d.ts.map +1 -0
  33. package/dist/components/HorizontalScrollFilters/Root/index.stories.d.ts +6 -0
  34. package/dist/components/HorizontalScrollFilters/Root/index.stories.d.ts.map +1 -0
  35. package/dist/components/HorizontalScrollFilters/index.d.ts +2 -0
  36. package/dist/components/HorizontalScrollFilters/index.d.ts.map +1 -0
  37. package/dist/index.es.js +5 -4
  38. package/dist/index.umd.js +5 -4
  39. package/dist/style.css +1 -1
  40. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
- export declare const container = "\n group/checkbox\n data-[is-disabled=true]:pointer-events-none\n data-[is-disabled=true]:cursor-default\n";
2
- export declare const checkbox = "\n w-5 h-5 rounded-md bg-white\n peer relative shrink-0\n appearance-none transition-colors\n border border-neutral-400\n hover:border-base-black\n group-hover/checkbox:border-base-black\n \n checked:bg-primary-100\n checked:border-0\n checked:hover:bg-primary-200\n\n disabled:border-neutral-300\n disabled:checked:bg-neutral-300\n data-[has-error=true]:border-feedback-danger-200\n";
3
- export declare const label = "\n text-sm text-neutral-400 font-normal\n\n group-hover/checkbox:text-base-black\n\n peer-checked:hover:text-base-black\n group-data-[is-disabled=true]/checkbox:text-neutral-300\n\n flex gap-2 cursor-pointer\n";
1
+ export declare const container = "\n group/checkbox\n \n data-[is-disabled=true]:pointer-events-none\n data-[is-disabled=true]:cursor-default\n";
2
+ export declare const checkbox = "\n w-5 h-5 rounded-md bg-white\n peer relative shrink-0\n appearance-none transition-colors\n border border-neutral-400\n\n group-hover/checkbox:border-base-black\n \n checked:bg-primary-100\n checked:border-0\n checked:hover:bg-primary-200\n\n disabled:border-neutral-300\n disabled:checked:bg-neutral-300\n data-[has-error=true]:border-feedback-danger-200\n";
3
+ export declare const label = "\n text-sm text-neutral-400 font-normal\n transition-colors\n group-hover/checkbox:text-base-black\n\n peer-checked:hover:text-base-black\n group-data-[is-disabled=true]/checkbox:text-neutral-300\n\n flex gap-2 cursor-pointer\n";
4
4
  export declare const icon = "absolute w-4 h-4 ml-0.5 mt-0.5 hidden peer-checked:block fill-white";
5
5
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/Checkbox/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,kHAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,kZAepB,CAAC;AAEF,eAAO,MAAM,KAAK,2NASjB,CAAC;AAEF,eAAO,MAAM,IAAI,wEAAwE,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/Checkbox/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,sHAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,yXAepB,CAAC;AAEF,eAAO,MAAM,KAAK,8OASjB,CAAC;AAEF,eAAO,MAAM,IAAI,wEAAwE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ9D,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,IAAa,EACb,UAAU,EACV,SAAe,EACf,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,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;CAC3D,qBA6DA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Root/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ9D,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,IAAa,EACb,UAAU,EACV,SAAe,EACf,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,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;CAC3D,qBA8DA"}
@@ -1,3 +1,3 @@
1
1
  export declare const container = "w-full";
2
- export declare const error = "flex mx-4 mt-2 text-xs text-feedback-danger-200";
2
+ export declare const error = "flex ml-5 mt-2 text-xs text-feedback-danger-200";
3
3
  //# sourceMappingURL=styles.d.ts.map
@@ -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,sBAsDA,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,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,5 @@
1
+ import { default as React } from 'react';
2
+ export declare const DialogTrigger: ({ label }: {
3
+ label?: string;
4
+ }) => React.JSX.Element;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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,sBAY1D,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,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-gray-400\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,8PAclB,CAAC;AAEF,eAAO,MAAM,IAAI,kDAIhB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ import { Icon } from '@phosphor-icons/react';
3
+ export declare function Filter<T>({ filter, label, icon: Icon, isActive, onSelectFilter, }: {
4
+ filter: T;
5
+ label: string;
6
+ icon: Icon;
7
+ isActive?: boolean;
8
+ onSelectFilter?: (filter: T) => void;
9
+ }): React.JSX.Element;
10
+ //# 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;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,MAAM,EACN,KAAK,EACL,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,cAAc,GACf,EAAE;IACD,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CACtC,qBAeA"}
@@ -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;AAgB/C,eAAO,MAAM,MAAM,2HAAoB,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-gray-400\n hover:text-base-white\n hover:border-transparent\n\n group-data-[active=true]:bg-gray-400\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,yWAWlB,CAAC;AAEF,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,IAAI,8CAA8C,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const ScrollList: ({ activeFilter, leftArrowAriaLabel, rightArrowAriaLabel, children, }: {
3
+ activeFilter?: string;
4
+ leftArrowAriaLabel?: string;
5
+ rightArrowAriaLabel?: string;
6
+ children?: React.ReactNode[];
7
+ }) => React.JSX.Element;
8
+ //# 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,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,sBA+HA,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,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,2 @@
1
+ export * as HorizontalScrollFilters from './Root';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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.es.js CHANGED
@@ -6342,7 +6342,7 @@ var Pb = /* @__PURE__ */ function(e) {
6342
6342
  return d && f ? a ? me(a) ? a(f) : null : c ? me(c) ? c(f) : null : o ? Ne(o, u, f) : f : null;
6343
6343
  }, t;
6344
6344
  }(so), Co = /* @__PURE__ */ Tb(Pb);
6345
- const su = $e.createContext({}), Ir = () => ge(su), Cb = "w-full", Mo = "flex mx-4 mt-2 text-xs text-feedback-danger-200";
6345
+ const su = $e.createContext({}), Ir = () => ge(su), Cb = "w-full", Mo = "flex ml-5 mt-2 text-xs text-feedback-danger-200";
6346
6346
  function Mb({
6347
6347
  disableOnSubmit: e,
6348
6348
  disableOnNotDirty: t,
@@ -11244,7 +11244,7 @@ function $d({
11244
11244
  }, v = (w) => {
11245
11245
  typeof u < "u" && u(w);
11246
11246
  }, T = (w) => {
11247
- typeof d < "u" && d(w);
11247
+ typeof d < "u" && d(w), y.onBlur(w);
11248
11248
  };
11249
11249
  return /* @__PURE__ */ oe("div", { className: Dt(cE, a || ""), children: [
11250
11250
  /* @__PURE__ */ C(
@@ -11435,6 +11435,7 @@ function jd({
11435
11435
  }
11436
11436
  const SE = `
11437
11437
  group/checkbox
11438
+
11438
11439
  data-[is-disabled=true]:pointer-events-none
11439
11440
  data-[is-disabled=true]:cursor-default
11440
11441
  `, AE = `
@@ -11442,7 +11443,7 @@ const SE = `
11442
11443
  peer relative shrink-0
11443
11444
  appearance-none transition-colors
11444
11445
  border border-neutral-400
11445
- hover:border-base-black
11446
+
11446
11447
  group-hover/checkbox:border-base-black
11447
11448
 
11448
11449
  checked:bg-primary-100
@@ -11454,7 +11455,7 @@ const SE = `
11454
11455
  data-[has-error=true]:border-feedback-danger-200
11455
11456
  `, PE = `
11456
11457
  text-sm text-neutral-400 font-normal
11457
-
11458
+ transition-colors
11458
11459
  group-hover/checkbox:text-base-black
11459
11460
 
11460
11461
  peer-checked:hover:text-base-black