@krasnoff/react-accessibility-component 1.0.0 → 1.0.2

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/assets/index.d.ts

@@ -0,0 +1,27 @@
+export { default as AccessibilityIconUrl } from './accessibility_new_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as BrightBackgroundIconUrl } from './brightness_empty_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as HighContrastIconUrl } from './contrast_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as LowContrastIconUrl } from './contrast_rtl_off_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as HeaderIconUrl } from './format_h1_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as LinkIconUrl } from './link_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as ListIconUrl } from './list_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as GrayScaleIconUrl } from './mist_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as MonochromePhotosIconUrl } from './monochrome_photos_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as ReadableFontsIconUrl } from './text_format_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as TransitionFadeIconUrl } from './transition_fade_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as ZoomInIconUrl } from './zoom_in_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as ZoomOutIconUrl } from './zoom_out_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg';
+export { default as AccessibilityIcon } from './accessibility_new_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as BrightBackgroundIcon } from './brightness_empty_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as HighContrastIcon } from './contrast_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as LowContrastIcon } from './contrast_rtl_off_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as HeaderIcon } from './format_h1_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as LinkIcon } from './link_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as ListIcon } from './list_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as GrayScaleIcon } from './mist_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as MonochromePhotosIcon } from './monochrome_photos_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as ReadableFontsIcon } from './text_format_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as TransitionFadeIcon } from './transition_fade_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as ZoomInIcon } from './zoom_in_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+export { default as ZoomOutIcon } from './zoom_out_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg?react';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/react-accessibility-component/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gEAAgE,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+DAA+D,CAAC;AACnH,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+DAA+D,CAAC;AAC9G,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wDAAwD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAC3G,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAChH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sDAAsD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uDAAuD,CAAC;AAElG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qEAAqE,CAAC;AACtH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6DAA6D,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qEAAqE,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,sEAAsE,CAAC;AACvH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AAC9G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,oEAAoE,CAAC;AACnH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6DAA6D,CAAC"}

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 { 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,OAAO,EAAE,iBAAiB,EAAE,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 { 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,OAAO,EAAE,QAAQ,EAAE,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 { 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,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -0,0 +1,9 @@
+export * from './react-accessibility-component';
+export type { FontSize } from './types/font-size.type';
+export { fontSizeArr } from './types/font-size.type';
+export { useAccessibilityComponent } from './hooks/use-accessibility-compoenent';
+export { FontSizeDirection } from './enums/font-size-direction.enum';
+export { MenuItem } from './components/menu-item';
+export { AccessibilityLogo } from './components/accessibility-logo';
+export * from './assets/index';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/react-accessibility-component/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,YAAY,EAAE,QAAQ,EAAE,MAAK,wBAAwB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,cAAc,gBAAgB,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":""}

package/dist/index.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@krasnoff/react-accessibility-component",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A React component library focused on accessibility, built with Vite and TypeScript.",
   "repository": {
     "type": "git",