@krasnoff/react-accessibility-component 1.0.0 → 1.0.1

package/dist/README.md

@@ -0,0 +1,53 @@
+# React Vite Accessibility Component
+
+## Overview
+
+`AccessibilityComponent` is a React component designed to enhance web accessibility by providing essential features that support users with disabilities. It is intended to be used as part of a broader strategy for making web applications accessible.
+
+## Installation
+
+To install the component, use npm or yarn:
+
+```
+npm install react-accessibility-component
+```
+
+or
+
+```
+yarn add react-accessibility-component
+```
+
+## Usage
+
+Import and use the component in your React application:
+
+```
+import { AccessibilityComponent } from 'react-accessibility-component'
+
+function App() {
+    return (
+    <AccessibilityComponent>
+      <h1>Vite + React to NPM repository</h1>
+    </AccessibilityComponent>
+  )
+}
+
+export default App
+```
+
+Now add the following css file to the `index.html` file in your project:
+
+```
+<link rel="stylesheet" href="node_modules/react-accessibility-component/dist/react-accessibility-component.css" />
+```
+
+## Important Notice
+
+Using `AccessibilityComponent` alone does not guarantee full accessibility compliance. It is the responsibility of developers to build their web applications following the WCAG accessibility standards. This includes proper semantic HTML, keyboard navigability, sufficient color contrast, and providing alternative text for images, among other requirements.
+
+For comprehensive guidance on making your website accessible, refer to the official [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/) guidelines.
+
+## License
+
+This component is open-source and available under the MIT License.

package/dist/components/react-accessibility-component/components/accessibility-logo.d.ts

@@ -0,0 +1,8 @@
+interface AccessibilityLogoProps {
+    width: string;
+    height: string;
+    fill: string;
+}
+declare const AccessibilityLogo: (props: AccessibilityLogoProps) => import("react/jsx-runtime").JSX.Element;
+export default AccessibilityLogo;
+//# sourceMappingURL=accessibility-logo.d.ts.map

package/dist/components/react-accessibility-component/components/accessibility-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/react-accessibility-component/components/accessibility-logo.tsx"],"names":[],"mappings":"AAgBA,UAAU,sBAAsB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAsNvD,CAAA;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/react-accessibility-component/components/menu-item.d.ts

@@ -0,0 +1,8 @@
+export interface MenuItemProps {
+    title: string;
+    ImageSvgComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    fill: string;
+}
+declare const MenuItem: React.FC<MenuItemProps>;
+export default MenuItem;
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/react-accessibility-component/components/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../src/components/react-accessibility-component/components/menu-item.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAOrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/react-accessibility-component/enums/font-size-direction.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum FontSizeDirection {
+    DECREASE = -1,
+    SAME = 0,
+    INCREASE = 1
+}
+//# sourceMappingURL=font-size-direction.enum.d.ts.map

package/dist/components/react-accessibility-component/enums/font-size-direction.enum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size-direction.enum.d.ts","sourceRoot":"","sources":["../../../../src/components/react-accessibility-component/enums/font-size-direction.enum.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IACzB,QAAQ,KAAK;IACb,IAAI,IAAI;IACR,QAAQ,IAAI;CACf"}

package/dist/components/react-accessibility-component/hooks/use-accessibility-compoenent.d.ts

@@ -0,0 +1,6 @@
+declare function useAccessibilityComponent(): {
+    hostRef: import("react").RefObject<HTMLDivElement | null>;
+    componentOpenClose: boolean;
+};
+export default useAccessibilityComponent;
+//# sourceMappingURL=use-accessibility-compoenent.d.ts.map

package/dist/components/react-accessibility-component/hooks/use-accessibility-compoenent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-accessibility-compoenent.d.ts","sourceRoot":"","sources":["../../../../src/components/react-accessibility-component/hooks/use-accessibility-compoenent.ts"],"names":[],"mappings":"AAGA,iBAAS,yBAAyB;;;EAoJjC;AAED,eAAe,yBAAyB,CAAC"}

package/dist/components/react-accessibility-component/react-accessibility-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const AccessibilityComponent: React.FC;
+export { AccessibilityComponent };
+//# sourceMappingURL=react-accessibility-component.d.ts.map

package/dist/components/react-accessibility-component/react-accessibility-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-accessibility-component.d.ts","sourceRoot":"","sources":["../../../src/components/react-accessibility-component/react-accessibility-component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAkBnC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/react-accessibility-component/types/font-size.type.d.ts

@@ -0,0 +1,3 @@
+export type FontSize = 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1 | 1.2 | 1.4 | 1.6 | 1.8 | 2;
+export declare const fontSizeArr: number[];
+//# sourceMappingURL=font-size.type.d.ts.map

package/dist/components/react-accessibility-component/types/font-size.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size.type.d.ts","sourceRoot":"","sources":["../../../../src/components/react-accessibility-component/types/font-size.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AACnF,eAAO,MAAM,WAAW,UAAsD,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}