@primer/components 0.0.0-20211030163410 → 0.0.0-20211030175556

package/lib-esm/theme-preval.js

@@ -479,452 +479,6 @@ module.exports = {
           }
         }
       },
-      "light_high_contrast": {
-        "colors": {
-          "canvasDefaultTransparent": "rgba(255,255,255,0)",
-          "marketingIcon": {
-            "primary": "#1168e3",
-            "secondary": "#368cf9"
-          },
-          "diffBlob": {
-            "addition": {
-              "numText": "#24292F",
-              "fg": "#ffffff",
-              "numBg": "#CCFFD8",
-              "lineBg": "#E6FFEC",
-              "wordBg": "#055d20"
-            },
-            "deletion": {
-              "numText": "#24292F",
-              "fg": "#ffffff",
-              "numBg": "#FFD7D5",
-              "lineBg": "#fff0ee",
-              "wordBg": "#a0111f"
-            },
-            "hunk": {
-              "numBg": "#9cd7ff"
-            },
-            "expander": {
-              "icon": "#24292F"
-            }
-          },
-          "diffstat": {
-            "deletionBorder": "rgba(1,4,9,0.8)",
-            "additionBorder": "rgba(1,4,9,0.8)",
-            "additionBg": "#117f32"
-          },
-          "searchKeyword": {
-            "hl": "#fcf7be"
-          },
-          "prettylights": {
-            "syntax": {
-              "comment": "#67707A",
-              "constant": "#023b95",
-              "entity": "#622cbc",
-              "storageModifierImport": "#24292F",
-              "entityTag": "#024c1a",
-              "keyword": "#a0111f",
-              "string": "#032563",
-              "variable": "#702c00",
-              "brackethighlighterUnmatched": "#6e011a",
-              "invalidIllegalText": "#FFFFFF",
-              "invalidIllegalBg": "#6e011a",
-              "carriageReturnText": "#FFFFFF",
-              "carriageReturnBg": "#a0111f",
-              "stringRegexp": "#024c1a",
-              "markupList": "#2e1800",
-              "markupHeading": "#023b95",
-              "markupItalic": "#24292F",
-              "markupBold": "#24292F",
-              "markupDeletedText": "#6e011a",
-              "markupDeletedBg": "#fff0ee",
-              "markupInsertedText": "#024c1a",
-              "markupInsertedBg": "#d2fedb",
-              "markupChangedText": "#702c00",
-              "markupChangedBg": "#ffc67b",
-              "markupIgnoredText": "#E7ECF0",
-              "markupIgnoredBg": "#023b95",
-              "metaDiffRange": "#622cbc",
-              "brackethighlighterAngle": "#4F5760",
-              "sublimelinterGutterMark": "#88929D",
-              "constantOtherReferenceLink": "#032563"
-            }
-          },
-          "codemirror": {
-            "text": "#24292F",
-            "bg": "#ffffff",
-            "guttersBg": "#ffffff",
-            "guttermarkerText": "#ffffff",
-            "guttermarkerSubtleText": "#67707A",
-            "linenumberText": "#24292F",
-            "cursor": "#24292F",
-            "selectionBg": "#368cf9",
-            "activelineBg": "#E7ECF0",
-            "matchingbracketText": "#24292F",
-            "linesBg": "#ffffff",
-            "syntax": {
-              "comment": "#24292F",
-              "constant": "#023b95",
-              "entity": "#622cbc",
-              "keyword": "#a0111f",
-              "storage": "#a0111f",
-              "string": "#032563",
-              "support": "#023b95",
-              "variable": "#702c00"
-            }
-          },
-          "checks": {
-            "bg": "#24292F",
-            "textPrimary": "#FFFFFF",
-            "textSecondary": "#88929D",
-            "textLink": "#368cf9",
-            "btnIcon": "#ACB6C0",
-            "btnHoverIcon": "#FFFFFF",
-            "btnHoverBg": "rgba(255,255,255,0.125)",
-            "inputText": "#E7ECF0",
-            "inputPlaceholderText": "#88929D",
-            "inputFocusText": "#88929D",
-            "inputBg": "#30363D",
-            "donutError": "#d5232c",
-            "donutPending": "#956400",
-            "donutSuccess": "#117f32",
-            "donutNeutral": "#ACB6C0",
-            "dropdownText": "#ACB6C0",
-            "dropdownBg": "#30363D",
-            "dropdownBorder": "#3D454E",
-            "dropdownShadow": "rgba(1,4,9,0.3)",
-            "dropdownHoverText": "#FFFFFF",
-            "dropdownHoverBg": "#3D454E",
-            "dropdownBtnHoverText": "#FFFFFF",
-            "dropdownBtnHoverBg": "#30363D",
-            "scrollbarThumbBg": "#4F5760",
-            "headerLabelText": "#CED5DC",
-            "headerLabelOpenText": "#FFFFFF",
-            "headerBorder": "#30363D",
-            "headerIcon": "#88929D",
-            "lineText": "#CED5DC",
-            "lineNumText": "rgba(136,146,157,0.75)",
-            "lineTimestampText": "#88929D",
-            "lineHoverBg": "#30363D",
-            "lineSelectedBg": "rgba(17,104,227,0.15)",
-            "lineSelectedNumText": "#368cf9",
-            "lineDtFmText": "#24292F",
-            "lineDtFmBg": "#744500",
-            "gateBg": "rgba(96,55,0,0.15)",
-            "gateText": "#CED5DC",
-            "gateWaitingText": "#ACB6C0",
-            "stepHeaderOpenBg": "#30363D",
-            "stepErrorText": "#ee5a5d",
-            "stepWarningText": "#b58407",
-            "loglineText": "#88929D",
-            "loglineNumText": "rgba(136,146,157,0.75)",
-            "loglineDebugText": "#a371f7",
-            "loglineErrorText": "#CED5DC",
-            "loglineErrorNumText": "#ee5a5d",
-            "loglineErrorBg": "rgba(134,6,29,0.15)",
-            "loglineWarningText": "#CED5DC",
-            "loglineWarningNumText": "#b58407",
-            "loglineWarningBg": "rgba(96,55,0,0.15)",
-            "loglineCommandText": "#368cf9",
-            "loglineSectionText": "#26a148",
-            "ansi": {
-              "black": "#24292F",
-              "blackBright": "#30363D",
-              "white": "#CED5DC",
-              "whiteBright": "#CED5DC",
-              "gray": "#88929D",
-              "red": "#ee5a5d",
-              "redBright": "#ff8e8a",
-              "green": "#26a148",
-              "greenBright": "#43c663",
-              "yellow": "#b58407",
-              "yellowBright": "#d5a824",
-              "blue": "#368cf9",
-              "blueBright": "#67b3fd",
-              "magenta": "#a371f7",
-              "magentaBright": "#c49bff",
-              "cyan": "#76e3ea",
-              "cyanBright": "#b3f0ff"
-            }
-          },
-          "project": {
-            "headerBg": "#24292F",
-            "sidebarBg": "#ffffff",
-            "gradientIn": "#ffffff",
-            "gradientOut": "rgba(255,255,255,0)"
-          },
-          "mktg": {
-            "btn": {
-              "bg": "#1b1f23"
-            }
-          },
-          "avatar": {
-            "bg": "#ffffff",
-            "border": "rgba(1,4,9,0.8)",
-            "stackFade": "#ACB6C0",
-            "stackFadeMore": "#CED5DC"
-          },
-          "topicTag": {
-            "border": "rgba(0,0,0,0)"
-          },
-          "selectMenu": {
-            "backdropBorder": "rgba(0,0,0,0)",
-            "tapHighlight": "rgba(172,182,192,0.5)",
-            "tapFocusBg": "#9cd7ff"
-          },
-          "header": {
-            "text": "rgba(255,255,255,0.7)",
-            "bg": "#24292F",
-            "logo": "#ffffff"
-          },
-          "headerSearch": {
-            "bg": "#24292F",
-            "border": "#4F5760"
-          },
-          "sidenav": {
-            "selectedBg": "#ffffff"
-          },
-          "menu": {
-            "bgActive": "rgba(0,0,0,0)"
-          },
-          "input": {
-            "disabledBg": "rgba(172,182,192,0.2)"
-          },
-          "timeline": {
-            "badgeBg": "#E7ECF0"
-          },
-          "ansi": {
-            "black": "#24292F",
-            "blackBright": "#4F5760",
-            "white": "#67707A",
-            "whiteBright": "#88929D",
-            "gray": "#67707A",
-            "red": "#a0111f",
-            "redBright": "#86061d",
-            "green": "#024c1a",
-            "greenBright": "#055d20",
-            "yellow": "#3f2200",
-            "yellowBright": "#4e2c00",
-            "blue": "#0349b4",
-            "blueBright": "#1168e3",
-            "magenta": "#622cbc",
-            "magentaBright": "#844ae7",
-            "cyan": "#1b7c83",
-            "cyanBright": "#3192aa"
-          },
-          "btn": {
-            "text": "#24292F",
-            "bg": "#E7ECF0",
-            "border": "rgba(1,4,9,0.8)",
-            "hoverBg": "#CED5DC",
-            "hoverBorder": "rgba(1,4,9,0.8)",
-            "activeBg": "#ACB6C0",
-            "activeBorder": "rgba(1,4,9,0.8)",
-            "selectedBg": "#ACB6C0",
-            "focusBg": "#CED5DC",
-            "focusBorder": "rgba(1,4,9,0.8)",
-            "counterBg": "rgba(1,4,9,0.08)",
-            "primary": {
-              "text": "#ffffff",
-              "bg": "#055d20",
-              "border": "#013d14",
-              "hoverBg": "#024c1a",
-              "hoverBorder": "#013d14",
-              "selectedBg": "hsla(139,95%,13%,1)",
-              "disabledText": "rgba(255,255,255,0.8)",
-              "disabledBg": "#94d3a2",
-              "disabledBorder": "rgba(1,4,9,0.8)",
-              "focusBg": "#013d14",
-              "focusBorder": "#013d14",
-              "icon": "rgba(255,255,255,0.8)",
-              "counterBg": "rgba(255,255,255,0.2)"
-            },
-            "outline": {
-              "text": "#023b95",
-              "hoverText": "#ffffff",
-              "hoverBg": "#0349b4",
-              "hoverBorder": "#022f7a",
-              "hoverCounterBg": "rgba(255,255,255,0.2)",
-              "selectedText": "#ffffff",
-              "selectedBg": "#022f7a",
-              "selectedBorder": "#022f7a",
-              "disabledText": "rgba(3,73,180,0.5)",
-              "disabledBg": "#E7ECF0",
-              "disabledCounterBg": "rgba(3,73,180,0.05)",
-              "focusBorder": "#022f7a",
-              "counterBg": "rgba(3,73,180,0.1)"
-            },
-            "danger": {
-              "text": "#86061d",
-              "hoverText": "#ffffff",
-              "hoverBg": "#a0111f",
-              "hoverBorder": "#6e011a",
-              "hoverCounterBg": "rgba(255,255,255,0.2)",
-              "selectedText": "#ffffff",
-              "selectedBg": "#6e011a",
-              "selectedBorder": "#6e011a",
-              "disabledText": "rgba(160,17,31,0.5)",
-              "disabledBg": "#E7ECF0",
-              "disabledCounterBg": "rgba(160,17,31,0.05)",
-              "focusBorder": "#6e011a",
-              "counterBg": "rgba(160,17,31,0.1)",
-              "icon": "#86061d",
-              "hoverIcon": "#ffffff"
-            }
-          },
-          "underlinenav": {
-            "icon": "#67707A",
-            "borderHover": "rgba(172,182,192,0.2)"
-          },
-          "actionListItem": {
-            "inlineDivider": "rgba(48,54,61,0.48)",
-            "default": {
-              "hoverBg": "rgba(206,213,220,0.32)",
-              "activeBg": "rgba(206,213,220,0.48)",
-              "selectedBg": "rgba(206,213,220,0.24)"
-            },
-            "danger": {
-              "hoverBg": "rgba(255,240,238,0.64)",
-              "activeBg": "#fff0ee",
-              "hoverText": "#a0111f"
-            }
-          },
-          "fg": {
-            "default": "#24292F",
-            "muted": "#24292F",
-            "subtle": "#67707A",
-            "onEmphasis": "#ffffff"
-          },
-          "canvas": {
-            "default": "#ffffff",
-            "overlay": "#ffffff",
-            "inset": "#ffffff",
-            "subtle": "#E7ECF0"
-          },
-          "border": {
-            "default": "#30363D",
-            "muted": "#88929D",
-            "subtle": "rgba(1,4,9,0.8)"
-          },
-          "neutral": {
-            "emphasisPlus": "#24292F",
-            "emphasis": "#67707A",
-            "muted": "rgba(172,182,192,0.2)",
-            "subtle": "#E7ECF0"
-          },
-          "accent": {
-            "fg": "#0349b4",
-            "emphasis": "#0349b4",
-            "muted": "#368cf9",
-            "subtle": "#dff7ff"
-          },
-          "success": {
-            "fg": "#055d20",
-            "emphasis": "#055d20",
-            "muted": "#26a148",
-            "subtle": "#d2fedb"
-          },
-          "attention": {
-            "fg": "#744500",
-            "emphasis": "#744500",
-            "muted": "#b58407",
-            "subtle": "#fcf7be"
-          },
-          "severe": {
-            "fg": "#873800",
-            "emphasis": "#873800",
-            "muted": "#dc6d1a",
-            "subtle": "#fff2d5"
-          },
-          "danger": {
-            "fg": "#a0111f",
-            "emphasis": "#a0111f",
-            "muted": "#ee5a5d",
-            "subtle": "#fff0ee"
-          },
-          "done": {
-            "fg": "#622cbc",
-            "emphasis": "#622cbc",
-            "muted": "#a371f7",
-            "subtle": "#faf0fe"
-          },
-          "sponsors": {
-            "fg": "#971368",
-            "emphasis": "#971368",
-            "muted": "#ed4baf",
-            "subtle": "#feeff7"
-          },
-          "primer": {
-            "fg": {
-              "disabled": "#88929D"
-            },
-            "canvas": {
-              "backdrop": "rgba(1,4,9,0.5)",
-              "sticky": "rgba(255,255,255,0.95)"
-            },
-            "border": {
-              "active": "#ef5b48",
-              "contrast": "rgba(1,4,9,0.1)"
-            }
-          }
-        },
-        "shadows": {
-          "mktg": {
-            "btn": {
-              "shadow": {
-                "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
-                "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
-                "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
-                "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
-              }
-            }
-          },
-          "avatar": {
-            "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
-          },
-          "overlay": {
-            "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
-          },
-          "btn": {
-            "shadow": "0 1px 0 rgba(1,4,9,0.04)",
-            "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
-            "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
-            "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
-            "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
-            "primary": {
-              "shadow": "0 1px 0 rgba(1,4,9,0.1)",
-              "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-              "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
-              "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)"
-            },
-            "outline": {
-              "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
-              "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-              "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
-              "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)"
-            },
-            "danger": {
-              "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
-              "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-              "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
-              "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)"
-            }
-          },
-          "shadow": {
-            "small": "0 1px 0 rgba(1,4,9,0.04)",
-            "medium": "0 3px 6px rgba(136,146,157,0.15)",
-            "large": "0 8px 24px rgba(136,146,157,0.2)",
-            "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
-          },
-          "primer": {
-            "shadow": {
-              "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
-              "inset": "inset 0 1px 0 rgba(206,213,220,0.2)",
-              "focus": "0 0 0 3px rgba(3,73,180,0.3)"
-            }
-          }
-        }
-      },
       "light_colorblind": {
         "colors": {
           "canvasDefaultTransparent": "rgba(255,255,255,0)",

package/lib-esm/utils/testing.d.ts

@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
         xlarge: string;
     };
     space: string[];
-    colorSchemes: Record<"light" | "light_high_contrast" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
+    colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
         canvasDefaultTransparent: string;
         marketingIcon: {
             primary: string;
@@ -541,5 +541,4 @@ interface BehavesAsComponent {
 }
 export declare function behavesAsComponent({ Component, toRender, options }: BehavesAsComponent): void;
 export declare function checkExports(path: string, exports: Record<any, any>): void;
-export declare function checkStoriesForAxeViolations(name: string): void;
 export {};

package/lib-esm/utils/testing.js

@@ -3,8 +3,6 @@ import { promisify } from 'util';
 import renderer from 'react-test-renderer';
 import enzyme from 'enzyme';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-import { cleanup, render as HTMLRender } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
 import { ThemeProvider } from '..';
 import { default as defaultTheme } from '../theme';
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -221,26 +219,4 @@ export function checkExports(path, exports) {
 
     expect(mod).toSetExports(exports);
   });
-}
-expect.extend(toHaveNoViolations);
-export function checkStoriesForAxeViolations(name) {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const stories = require(`../stories/${name}.stories`); // eslint-disable-next-line @typescript-eslint/no-unused-vars -- _meta
-
-
-  const {
-    default: _meta,
-    ...Stories
-  } = stories;
-  Object.values(Stories).map(Story => {
-    if (typeof Story !== 'function') return;
-    it(`story ${Story.storyName} should have no axe violations`, async () => {
-      const {
-        container
-      } = HTMLRender( /*#__PURE__*/React.createElement(Story, null));
-      const results = await axe(container);
-      expect(results).toHaveNoViolations();
-      cleanup();
-    });
-  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-20211030163410",
+  "version": "0.0.0-20211030175556",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -20,7 +20,8 @@
     "test": "jest",
     "test:update": "npm run test -- --updateSnapshot",
     "release": "npm run build && changeset publish",
-    "size": "size-limit"
+    "size": "size-limit",
+    "typecheck": "npx tsc --project tsconfig.json"
   },
   "repository": "primer/react",
   "keywords": [
@@ -43,8 +44,8 @@
   "author": "GitHub, Inc.",
   "license": "MIT",
   "dependencies": {
-    "@primer/octicons-react": "16.1.1",
-    "@primer/primitives": "7.1.1",
+    "@primer/octicons-react": "^16.1.0",
+    "@primer/primitives": "7.0.1",
     "@radix-ui/react-polymorphic": "0.0.14",
     "@react-aria/ssr": "3.1.0",
     "@styled-system/css": "5.1.5",
@@ -87,7 +88,7 @@
     "@testing-library/user-event": "13.1.9",
     "@types/chroma-js": "2.1.3",
     "@types/enzyme": "3.10.9",
-    "@types/jest": "27.0.2",
+    "@types/jest": "26.0.23",
     "@types/jest-axe": "3.5.3",
     "@types/lodash.isempty": "4.4.6",
     "@types/lodash.isobject": "3.0.6",

package/lib/Checkbox.d.ts

@@ -1,29 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import { SxProp } from './sx';
-export declare type CheckboxProps = {
-    /**
-     * Apply indeterminate visual appearance to the checkbox
-     */
-    indeterminate?: boolean;
-    /**
-     * Apply inactive visual appearance to the checkbox
-     */
-    disabled?: boolean;
-    /**
-     * Forward a ref to the underlying input element
-     */
-    ref?: React.RefObject<HTMLInputElement>;
-    /**
-     * Indicates whether the checkbox must be checked
-     */
-    required?: boolean;
-    /**
-     * Indicates whether the checkbox validation state
-     */
-    validationStatus?: 'error' | 'success';
-} & InputHTMLAttributes<HTMLInputElement> & SxProp;
-/**
- * An accessible, native checkbox component
- */
-declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "sx" | keyof React.InputHTMLAttributes<HTMLInputElement> | "validationStatus" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/lib/Checkbox.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _hooks = require("./hooks");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _sx = _interopRequireDefault(require("./sx"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const StyledCheckbox = _styledComponents.default.input.withConfig({
-  displayName: "Checkbox__StyledCheckbox",
-  componentId: "i51804-0"
-})(["cursor:pointer;", " ", ""], props => props.disabled && `cursor: not-allowed;`, _sx.default);
-/**
- * An accessible, native checkbox component
- */
-
-
-const Checkbox = /*#__PURE__*/_react.default.forwardRef(({
-  checked,
-  indeterminate,
-  disabled,
-  sx: sxProp,
-  required,
-  validationStatus,
-  ...rest
-}, ref) => {
-  const checkboxRef = (0, _hooks.useProvidedRefOrCreate)(ref);
-  (0, _react.useLayoutEffect)(() => {
-    if (checkboxRef.current) {
-      checkboxRef.current.indeterminate = indeterminate || false;
-    }
-  }, [indeterminate, checked, checkboxRef]);
-  return /*#__PURE__*/_react.default.createElement(StyledCheckbox, _extends({
-    type: "checkbox",
-    disabled: disabled,
-    "aria-disabled": disabled ? 'true' : 'false',
-    ref: ref || checkboxRef,
-    checked: indeterminate ? false : checked,
-    "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false',
-    sx: sxProp,
-    required: required,
-    "aria-required": required ? 'true' : 'false',
-    "aria-invalid": validationStatus === 'error' ? 'true' : 'false'
-  }, rest));
-});
-
-Checkbox.displayName = 'Checkbox';
-var _default = Checkbox;
-exports.default = _default;

package/lib/CheckboxInputField.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-declare const _default: React.FC<import("./_InputField/ToggleInputField").Props> & {
-    Input: React.FC<Omit<React.HTMLProps<HTMLInputElement>, "ref"> & {
-        ref?: React.Ref<HTMLInputElement> | undefined;
-    }>;
-    Caption: React.FC<{}>;
-    Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
-    LeadingVisual: React.FC<{}>;
-};
-export default _default;