@local-logic/design-system 0.7.29 → 0.7.31

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 (36) hide show
  1. package/dist/components/ColorIcon/index.d.ts +8 -0
  2. package/dist/components/ColorIcon/index.d.ts.map +1 -0
  3. package/dist/components/ColorIcon/index.stories.d.ts +6 -0
  4. package/dist/components/ColorIcon/index.stories.d.ts.map +1 -0
  5. package/dist/components/ColorIcon/index.test.d.ts +1 -0
  6. package/dist/components/ColorIcon/index.test.d.ts.map +1 -0
  7. package/dist/components/ColorIcon/styles.d.ts +3 -0
  8. package/dist/components/ColorIcon/styles.d.ts.map +1 -0
  9. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.d.ts.map +1 -1
  10. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.test.d.ts +1 -0
  11. package/dist/components/HorizontalScrollFilters/Root/Dialog/index.test.d.ts.map +1 -0
  12. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.d.ts.map +1 -1
  13. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.test.d.ts +1 -0
  14. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/index.test.d.ts.map +1 -0
  15. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts +1 -1
  16. package/dist/components/HorizontalScrollFilters/Root/DialogTrigger/styles.d.ts.map +1 -1
  17. package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts +3 -1
  18. package/dist/components/HorizontalScrollFilters/Root/Filter/index.d.ts.map +1 -1
  19. package/dist/components/HorizontalScrollFilters/Root/Filter/index.stories.d.ts.map +1 -1
  20. package/dist/components/HorizontalScrollFilters/Root/Filter/index.test.d.ts +1 -0
  21. package/dist/components/HorizontalScrollFilters/Root/Filter/index.test.d.ts.map +1 -0
  22. package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts +1 -1
  23. package/dist/components/HorizontalScrollFilters/Root/Filter/styles.d.ts.map +1 -1
  24. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts +1 -0
  25. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.d.ts.map +1 -1
  26. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.test.d.ts +1 -0
  27. package/dist/components/HorizontalScrollFilters/Root/ScrollList/index.test.d.ts.map +1 -0
  28. package/dist/index.d.ts +3 -1
  29. package/dist/index.d.ts.map +1 -1
  30. package/dist/index.es.js +7421 -7018
  31. package/dist/index.umd.js +126 -73
  32. package/dist/setupTests.d.ts +1 -0
  33. package/dist/setupTests.d.ts.map +1 -0
  34. package/dist/style.css +1 -1
  35. package/package.json +4 -1
  36. package/tailwind.config.cjs +1 -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,qBAqBhB"}
@@ -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,sBAsDA,CAAC"}
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,sBAY1D,CAAC"}
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-gray-400\n hover:text-base-white\n hover:border-transparent\n";
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,8PAclB,CAAC;AAEF,eAAO,MAAM,IAAI,kDAIhB,CAAC"}
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;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"}
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,qBA8BA"}
@@ -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;AAgB/C,eAAO,MAAM,MAAM,2HAAoB,CAAC"}
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-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";
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,yWAWlB,CAAC;AAEF,eAAO,MAAM,IAAI,YAAY,CAAC;AAE9B,eAAO,MAAM,IAAI,8CAA8C,CAAC"}
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,sBA+HA,CAAC"}
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 { Modal } from './components/Modal';
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
@@ -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,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC"}
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"}