a11y-panel 1.0.0

package/dist/components/Context/reducer.d.ts

@@ -0,0 +1,66 @@
+import { GlobalState } from './initialState';
+
+export type Action = {
+    type: 'OPEN_WIDGET';
+} | {
+    type: 'CLOSE_WIDGET';
+} | {
+    type: 'SET_FONT_COLOR';
+    data: string | false;
+} | {
+    type: 'ADD_FONT_SIZE';
+} | {
+    type: 'MINUS_FONT_SIZE';
+} | {
+    type: 'ADD_LINE_HEIGHT';
+} | {
+    type: 'MINUS_LINE_HEIGHT';
+} | {
+    type: 'ADD_LETTER_SPACING';
+} | {
+    type: 'MINUS_LETTER_SPACING';
+} | {
+    type: 'TOGGLE_BOLD';
+} | {
+    type: 'TOGGLE_ITALIC';
+} | {
+    type: 'SET_TEXT_CASE';
+    data: 'initial' | 'uppercase' | 'lowercase' | 'capitalize';
+} | {
+    type: 'SET_TEXT_ALIGNMENT';
+    data: 'initial' | 'left' | 'right' | 'center' | 'justify';
+} | {
+    type: 'SET_TITLE_COLOR';
+    data: string | false;
+} | {
+    type: 'SET_TITLE_BACKGROUND_COLOR';
+    data: string | null;
+} | {
+    type: 'SET_HIGHLIGHT_TITLES';
+} | {
+    type: 'UNSET_HIGHLIGHT_TITLES';
+} | {
+    type: 'SET_HIGHLIGHT_LINKS';
+} | {
+    type: 'UNSET_HIGHLIGHT_LINKS';
+} | {
+    type: 'HIDE_IMAGES';
+} | {
+    type: 'UNHIDE_IMAGES';
+} | {
+    type: 'SET_MONOCHROME';
+} | {
+    type: 'UNSET_MONOCHROME';
+} | {
+    type: 'SET_HIGH_CONTRAST';
+} | {
+    type: 'UNSET_HIGH_CONTRAST';
+} | {
+    type: 'SET_LOW_CONTRAST';
+} | {
+    type: 'UNSET_LOW_CONTRAST';
+} | {
+    type: 'RESET_SETTINGS';
+};
+declare const _default: (state: GlobalState, action: Action) => GlobalState;
+export default _default;

package/dist/components/Footer.d.ts

@@ -0,0 +1 @@
+export default function Footer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header.d.ts

@@ -0,0 +1 @@
+export default function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/components/StyleSettings.d.ts

@@ -0,0 +1 @@
+export default function StyleSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TextContent/SectionTitle.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export default function SectionTitle({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/TextContent/SubSectionTitle.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export default function SubSectionTitle({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Widget.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface WidgetProps {
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    customIcon?: React.ReactNode;
+}
+export default function Widget({ initialPosition, customIcon }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/assets/AccessibilityIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export default function AccessibilityIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/assets/BoldIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/CloseIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const _default: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/ItalicIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/MinusIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/PlusIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const _default: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/TextAlignCenterIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/TextAlignLeftIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/assets/TextAlignRightIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/helpers/createStyles.d.ts

@@ -0,0 +1,4 @@
+import { GlobalState } from '../Context/initialState';
+
+declare const _default: (globalState: GlobalState) => string;
+export default _default;

package/dist/components/variables/initialStyleSettings.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    widgetOpen: boolean;
+    fontColor: null;
+    fontSizeAdjustment: number;
+    lineHeight: number;
+    letterSpacing: number;
+    titleBackgroundColor: null;
+    highlightLinks: boolean;
+    hideImages: boolean;
+    textAlignment: string;
+    monochrome: boolean;
+};
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { default as AccessibilityWidget, AccessibilityWidgetProps, WidgetTheme } from './components/AccessibilityWidget';
+
+export { AccessibilityWidget };
+export type { AccessibilityWidgetProps, WidgetTheme };

package/dist/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/dist/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.Dropdown-root{position:relative}.Dropdown-control{position:relative;overflow:hidden;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px #0000000f}.Dropdown-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.Dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333;font-weight:700;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover,.Dropdown-option.is-selected{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}html{background-color:gray}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "a11y-panel",
+  "version": "1.0.0",
+  "description": "An modern draggable React Accessibility Widget that allows users to change sites visual changes",
+  "author": "abhishek garg",
+  "private": false,
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "accessibility",
+    "a11y",
+    "widget",
+    "ui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/theabgarg/a11y-panel.git"
+  },
+  "bugs": {
+    "url": "https://github.com/theabgarg/a11y-panel/issues"
+  },
+  "homepage": "https://github.com/theabgarg/a11y-panel#readme",
+  "type": "module",
+  "main": "dist/a11y-panel.umd.cjs",
+  "module": "dist/a11y-panel.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/a11y-panel.es.js",
+      "require": "./dist/a11y-panel.umd.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": ">=16.8 <20",
+    "react-dom": ">=16.8 <20",
+    "styled-components": ">=5.0.0"
+  },
+  "dependencies": {
+    "react-dropdown": "^1.9.2",
+    "react-switch": "^6.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.8.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  }
+}