@leafygreen-ui/checkbox - npm Package Compare versions

Comparing version 13.0.0-alpha.1 to 13.0.0

CHANGELOG.md

 # @leafygreen-ui/checkbox
 
-## 13.0.0-alpha.1
+## 13.0.0
 
 ### Major Changes
 
-- d40674fe1: Updates build tooling. No functional changes
+- 7a0ff1be: [LG-4126](https://jira.mongodb.org/browse/LG-4126)
 
+  Disabled `Checkbox`, `RadioBox`, and `Radio` components no longer render the `disabled` attribute, but rely on `aria-disabled` instead.
+
+  This change is made to ensure that disabled components are still focusable to users using keyboard navigation.
+
+  For more on `aria-disabled` see the [documentation on MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
+
+  Additionally, styling changes are made to ensure consistent implementation of `disabled` state styles.
+
+  #### Migration guide
+
+  Functionally, migration should be seamless, however there may be unit/integration/e2e tests that relied on this behavior.
+
+  ##### Jest/RTL
+
+  Generally, only this repo should need to test that these components have a specific attribute. We recommend updating unit tests to check that some event was or was not called.
+
+  However, there are cases where this may still need to be tested. In these cases, replace any `expect(checkbox).toBeDisabled()` with an explicit check for `expect(checkbox).toHaveAttribute("aria-disabled", "true")`.
+
+  ##### Cypress
+
+  Similar to unit tests, you should generally test functionality and not implementation details. However, to test this in Cypress replace any `cy.get(checkbox).should('be.disabled');` checks with `cy.get(checkbox).invoke('attr', 'aria-disabled').should('eq', 'true');`
+
 ### Patch Changes
 
-- Updated dependencies [d40674fe1]
-  - @leafygreen-ui/leafygreen-provider@4.0.0-alpha.1
-  - @leafygreen-ui/typography@17.0.0-alpha.1
-  - @leafygreen-ui/emotion@5.0.0-alpha.1
-  - @leafygreen-ui/palette@5.0.0-alpha.1
-  - @leafygreen-ui/tokens@3.0.0-alpha.1
-  - @leafygreen-ui/hooks@8.0.0-alpha.1
-  - @leafygreen-ui/a11y@2.0.0-alpha.1
-  - @leafygreen-ui/lib@11.0.0-alpha.1
+- 15185af0: Imports Storybook utilities from `@lg-tools/storybook-utils` (previously imported from `@leafygreen-ui/lib`)
+- 356a53fd: Update TS builds to use `typescript@4.9.5`
+- Updated dependencies [7a0ff1be]
+- Updated dependencies [15185af0]
+- Updated dependencies [356a53fd]
+- Updated dependencies [66df9ab8]
+  - @leafygreen-ui/typography@18.3.0
+  - @leafygreen-ui/leafygreen-provider@3.1.12
+  - @leafygreen-ui/lib@13.3.0
+  - @leafygreen-ui/a11y@1.4.13
+  - @leafygreen-ui/emotion@4.0.8
+  - @leafygreen-ui/hooks@8.1.3
+  - @leafygreen-ui/palette@4.0.9
+  - @leafygreen-ui/tokens@2.5.2
 
-## 13.0.0-alpha.0
+## 12.1.1
 
-### Major Changes
+### Patch Changes
 
-- d40674fe1: Updates build tooling. No functional changes
+- e487fb24: Renames story files from `.story.tsx` to `.stories.tsx`
+- Updated dependencies [58f4a4c5]
+- Updated dependencies [5ee54143]
+- Updated dependencies [e487fb24]
+  - @leafygreen-ui/typography@18.2.2
+  - @leafygreen-ui/tokens@2.5.1
+  - @leafygreen-ui/hooks@8.1.2
 
+## 12.1.0
+
+### Minor Changes
+
+- be92f17c: Checkbox component now responds to baseFontSize prop
+
 ### Patch Changes
 
-- Updated dependencies [d40674fe1]
-  - @leafygreen-ui/leafygreen-provider@4.0.0-alpha.0
-  - @leafygreen-ui/typography@17.0.0-alpha.0
-  - @leafygreen-ui/emotion@5.0.0-alpha.0
-  - @leafygreen-ui/palette@5.0.0-alpha.0
-  - @leafygreen-ui/tokens@3.0.0-alpha.0
-  - @leafygreen-ui/hooks@8.0.0-alpha.0
-  - @leafygreen-ui/a11y@2.0.0-alpha.0
-  - @leafygreen-ui/lib@11.0.0-alpha.0
+- Updated dependencies [58e86c60]
+  - @leafygreen-ui/typography@18.2.0
 
+## 12.0.20
+
+### Patch Changes
+
+- Updated dependencies [dd4f3da8]
+- Updated dependencies [90053e16]
+  - @leafygreen-ui/lib@13.0.0
+  - @leafygreen-ui/typography@18.0.0
+  - @leafygreen-ui/a11y@1.4.11
+  - @leafygreen-ui/leafygreen-provider@3.1.10
+
+## 12.0.19
+
+### Patch Changes
+
+- Updated dependencies [3a9b274d]
+  - @leafygreen-ui/lib@12.0.0
+  - @leafygreen-ui/a11y@1.4.10
+  - @leafygreen-ui/leafygreen-provider@3.1.9
+  - @leafygreen-ui/typography@17.0.1
+
+## 12.0.18
+
+### Patch Changes
+
+- Updated dependencies [a5770c15]
+- Updated dependencies [c89d17a4]
+  - @leafygreen-ui/typography@17.0.0
+
+## 12.0.17
+
+### Patch Changes
+
+- Updated dependencies [3fe03b50]
+- Updated dependencies [fd907503]
+  - @leafygreen-ui/tokens@2.2.0
+  - @leafygreen-ui/hooks@8.0.0
+  - @leafygreen-ui/a11y@1.4.9
+  - @leafygreen-ui/leafygreen-provider@3.1.8
+
+## 12.0.16
+
+### Patch Changes
+
+- 4fcf2e94: Adds a `nodeRef` to <Transition> to get rid of StrictMode warnings
+- 4fcf2e94: Bumps `react-transition-group` to `^4.4.5`.
+- Updated dependencies [4fcf2e94]
+- Updated dependencies [4fcf2e94]
+- Updated dependencies [4fcf2e94]
+  - @leafygreen-ui/lib@11.0.0
+  - @leafygreen-ui/a11y@1.4.8
+  - @leafygreen-ui/leafygreen-provider@3.1.7
+  - @leafygreen-ui/typography@16.5.5
+
+## 12.0.15
+
+### Patch Changes
+
+- c11bbc29: Fixes problem with ts-docs not being available in bundle.
+- Updated dependencies [c11bbc29]
+  - @leafygreen-ui/a11y@1.4.7
+  - @leafygreen-ui/emotion@4.0.7
+  - @leafygreen-ui/hooks@7.7.8
+  - @leafygreen-ui/leafygreen-provider@3.1.6
+  - @leafygreen-ui/lib@10.4.3
+  - @leafygreen-ui/palette@4.0.7
+  - @leafygreen-ui/tokens@2.1.4
+  - @leafygreen-ui/typography@16.5.4
+
+## 12.0.14
+
+### Patch Changes
+
+- c15ee2ac: Fixes missing documentation file
+- Updated dependencies [c15ee2ac]
+  - @leafygreen-ui/a11y@1.4.6
+  - @leafygreen-ui/emotion@4.0.6
+  - @leafygreen-ui/hooks@7.7.7
+  - @leafygreen-ui/leafygreen-provider@3.1.5
+  - @leafygreen-ui/lib@10.4.2
+  - @leafygreen-ui/palette@4.0.6
+  - @leafygreen-ui/tokens@2.1.3
+  - @leafygreen-ui/typography@16.5.3
+
+## 12.0.13
+
+### Patch Changes
+
+- 215268ff: Updates build tooling. No functional changes
+- Updated dependencies [215268ff]
+  - @leafygreen-ui/leafygreen-provider@3.1.4
+  - @leafygreen-ui/typography@16.5.2
+  - @leafygreen-ui/emotion@4.0.5
+  - @leafygreen-ui/palette@4.0.5
+  - @leafygreen-ui/tokens@2.1.2
+  - @leafygreen-ui/hooks@7.7.6
+  - @leafygreen-ui/a11y@1.4.5
+  - @leafygreen-ui/lib@10.4.1
+
 ## 12.0.12
@@ -40,0 +171,0 @@

package.json

 {
   "name": "@leafygreen-ui/checkbox",
-  "version": "13.0.0-alpha.1",
+  "version": "13.0.0",
   "description": "LeafyGreen UI Kit Checkbox",
@@ -16,4 +16,5 @@ "main": "./dist/index.js",
   "scripts": {
-    "build": "rollup --config rollup.config.mjs",
-    "tsc": "tsc --build tsconfig.json"
+    "build": "lg build-package",
+    "tsc": "lg build-ts",
+    "docs": "lg build-tsdoc"
   },
@@ -25,13 +26,13 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@leafygreen-ui/a11y": "^2.0.0-alpha.1",
-    "@leafygreen-ui/emotion": "^5.0.0-alpha.1",
-    "@leafygreen-ui/hooks": "^8.0.0-alpha.1",
-    "@leafygreen-ui/lib": "^11.0.0-alpha.1",
-    "@leafygreen-ui/palette": "^5.0.0-alpha.1",
-    "@leafygreen-ui/tokens": "^3.0.0-alpha.1",
-    "@leafygreen-ui/typography": "^17.0.0-alpha.1",
-    "react-transition-group": "^4.4.1"
+    "@leafygreen-ui/a11y": "^1.4.13",
+    "@leafygreen-ui/emotion": "^4.0.8",
+    "@leafygreen-ui/hooks": "^8.1.3",
+    "@leafygreen-ui/lib": "^13.3.0",
+    "@leafygreen-ui/palette": "^4.0.9",
+    "@leafygreen-ui/tokens": "^2.5.2",
+    "@leafygreen-ui/typography": "^18.3.0",
+    "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
-    "@leafygreen-ui/leafygreen-provider": "^4.0.0-alpha.1"
+    "@leafygreen-ui/leafygreen-provider": "^3.1.12"
   },
@@ -46,3 +47,6 @@ "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
     "url": "https://jira.mongodb.org/projects/PD/summary"
+  },
+  "devDependencies": {
+    "@lg-tools/storybook-utils": "^0.1.0"
   }
-}
+}

src/index.ts

@@ -1,2 +0,1 @@
-export { default } from './Checkbox';
-export { type CheckboxProps } from './types';
+export { type CheckboxProps, default } from './Checkbox';

tsconfig.json

@@ -18,3 +18,3 @@ {
   ],
-  "exclude": ["**/*.spec.*", "**/*.story.*"],
+  "exclude": ["**/*.spec.*", "**/*.stories.*"],
   "references": [
@@ -21,0 +21,0 @@ {

tsdoc.json

@@ -62,2 +62,21 @@ [
         },
+        "baseFontSize": {
+          "name": "baseFontSize",
+          "defaultValue": null,
+          "description": "Base font size of the component. Only effective when `size == 'default'`",
+          "required": false,
+          "type": {
+            "name": "enum",
+            "raw": "BaseFontSize",
+            "value": [
+              {
+                "value": "13"
+              },
+              {
+                "value": "16"
+              }
+            ]
+          },
+          "tags": {}
+        },
         "darkMode": {
@@ -177,8 +196,2 @@ "name": "darkMode",
               {
-                "value": "{}",
-                "description": "",
-                "fullComment": "",
-                "tags": {}
-              },
-              {
                 "value": "ReactElement<any, string | JSXElementConstructor<any>>",
@@ -190,3 +203,3 @@ "description": "",
               {
-                "value": "ReactNodeArray",
+                "value": "Iterable<ReactNode>",
                 "description": "",
@@ -193,0 +206,0 @@ "fullComment": "",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

233950

increased by87.09%

Number of package files

56

increased by93.1%

Lines of code

1568

increased by25.44%

Worsened metrics

Dev dependency count

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@leafygreen-ui/a11y@1.4.13(transitive)

• + Added@leafygreen-ui/icon@12.1.0(transitive)

• + Added@leafygreen-ui/typography@18.4.0(transitive)

• - Removed@leafygreen-ui/a11y@2.0.0-alpha.1(transitive)

• - Removed@leafygreen-ui/emotion@5.0.0-alpha.1(transitive)

• - Removed@leafygreen-ui/icon@11.29.1(transitive)

• - Removed@leafygreen-ui/leafygreen-provider@4.0.0-alpha.1(transitive)

• - Removed@leafygreen-ui/lib@11.0.012.0.0(transitive)

• - Removed@leafygreen-ui/palette@5.0.0-alpha.1(transitive)

• - Removed@leafygreen-ui/tokens@3.0.0-alpha.1(transitive)

• - Removed@leafygreen-ui/typography@17.0.2(transitive)

• Updated@leafygreen-ui/a11y@^1.4.13

• Updated@leafygreen-ui/emotion@^4.0.8

• Updated@leafygreen-ui/hooks@^8.1.3

• Updated@leafygreen-ui/lib@^13.3.0

• Updated@leafygreen-ui/palette@^4.0.9

• Updated@leafygreen-ui/tokens@^2.5.2

• Updated@leafygreen-ui/typography@^18.3.0

• Updatedreact-transition-group@^4.4.5