@zendeskgarden/react-colorpickers - npm Package Compare versions

Comparing version 9.0.0-next.6 to 9.0.0-next.7

dist/index.cjs.js

@@ -156,3 +156,3 @@ /**
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -243,3 +243,3 @@ displayName: "StyledColorPicker",
         border-color: ${thumbFocusBorderColor};
-      `, '[data-garden-focus-visible="true"]')}
+      `, ':focus-visible')}
 
@@ -294,3 +294,3 @@ ${thumbStyles(`
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   hasLowerTrack: false
@@ -310,3 +310,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -355,3 +355,3 @@ displayName: "StyledHueRange",
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 })).withConfig({
@@ -380,3 +380,3 @@ displayName: "StyledAlphaRange",
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'preview-box'
@@ -403,3 +403,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'colorwell',
@@ -432,3 +432,3 @@ style: {
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'colorwell-thumb',
@@ -450,3 +450,3 @@ style: {
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -463,3 +463,3 @@ displayName: "StyledSliderGroup",
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   spellcheck: false
@@ -477,3 +477,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -490,3 +490,3 @@ displayName: "StyledLabel",
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   focusInset: false
@@ -504,3 +504,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -526,3 +526,3 @@ displayName: "StyledInputGroup",
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -539,3 +539,3 @@ displayName: "StyledRGBAField",
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -553,3 +553,3 @@ displayName: "StyledSliders",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -589,3 +589,3 @@ displayName: "StyledButton",
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'dialog-preview'
@@ -603,3 +603,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -616,3 +616,3 @@ displayName: "StyledTooltipModal",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -629,3 +629,3 @@ displayName: "StyledTooltipBody",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -642,3 +642,3 @@ displayName: "StyledColorSwatch",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -668,3 +668,3 @@ displayName: "StyledColorSwatchInput",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -704,3 +704,3 @@ displayName: "StyledColorSwatchLabel",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -717,3 +717,3 @@ displayName: "StyledIcon",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -1451,3 +1451,2 @@ displayName: "StyledCell",
       role,
-      onFocus,
       ...gridCellProps
@@ -1478,3 +1477,2 @@ } = getGridCellProps({
     const handleBlur = event => {
-      event.target.parentElement?.removeAttribute('data-garden-focus-visible');
       if (!(isCheckboxGroup || gridRef.current?.contains(event.relatedTarget))) {
@@ -1488,3 +1486,2 @@ const selectedInput = gridRef.current?.querySelector(`input[name='${event.target.name}']:checked`);
     };
-    const handleFocus = containerUtilities.composeEventHandlers(onFocus, event => event.target.parentElement?.setAttribute('data-garden-focus-visible', 'true'));
     return React__namespace.default.createElement(StyledCell, {
@@ -1504,3 +1501,2 @@ key: value,
       checked: checked,
-      onFocus: handleFocus,
       onBlur: handleBlur,
@@ -1507,0 +1503,0 @@ onChange: handleChange

dist/index.esm.js

@@ -129,3 +129,3 @@ /**
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -216,3 +216,3 @@ displayName: "StyledColorPicker",
         border-color: ${thumbFocusBorderColor};
-      `, '[data-garden-focus-visible="true"]')}
+      `, ':focus-visible')}
 
@@ -267,3 +267,3 @@ ${thumbStyles(`
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   hasLowerTrack: false
@@ -283,3 +283,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -328,3 +328,3 @@ displayName: "StyledHueRange",
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 })).withConfig({
@@ -353,3 +353,3 @@ displayName: "StyledAlphaRange",
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'preview-box'
@@ -376,3 +376,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'colorwell',
@@ -405,3 +405,3 @@ style: {
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'colorwell-thumb',
@@ -423,3 +423,3 @@ style: {
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -436,3 +436,3 @@ displayName: "StyledSliderGroup",
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   spellcheck: false
@@ -450,3 +450,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -463,3 +463,3 @@ displayName: "StyledLabel",
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   focusInset: false
@@ -477,3 +477,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -499,3 +499,3 @@ displayName: "StyledInputGroup",
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -512,3 +512,3 @@ displayName: "StyledRGBAField",
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -526,3 +526,3 @@ displayName: "StyledSliders",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -562,3 +562,3 @@ displayName: "StyledButton",
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.7',
   'data-test-id': 'dialog-preview'
@@ -576,3 +576,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -589,3 +589,3 @@ displayName: "StyledTooltipModal",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -602,3 +602,3 @@ displayName: "StyledTooltipBody",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -615,3 +615,3 @@ displayName: "StyledColorSwatch",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -641,3 +641,3 @@ displayName: "StyledColorSwatchInput",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -677,3 +677,3 @@ displayName: "StyledColorSwatchLabel",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -690,3 +690,3 @@ displayName: "StyledIcon",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.7'
 }).withConfig({
@@ -1424,3 +1424,2 @@ displayName: "StyledCell",
       role,
-      onFocus,
       ...gridCellProps
@@ -1451,3 +1450,2 @@ } = getGridCellProps({
     const handleBlur = event => {
-      event.target.parentElement?.removeAttribute('data-garden-focus-visible');
       if (!(isCheckboxGroup || gridRef.current?.contains(event.relatedTarget))) {
@@ -1461,3 +1459,2 @@ const selectedInput = gridRef.current?.querySelector(`input[name='${event.target.name}']:checked`);
     };
-    const handleFocus = composeEventHandlers(onFocus, event => event.target.parentElement?.setAttribute('data-garden-focus-visible', 'true'));
     return React__default.createElement(StyledCell, {
@@ -1477,3 +1474,2 @@ key: value,
       checked: checked,
-      onFocus: handleFocus,
       onBlur: handleBlur,
@@ -1480,0 +1476,0 @@ onChange: handleChange

package.json

 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "9.0.0-next.6",
+  "version": "9.0.0-next.7",
   "description": "Components related to color pickers in the Garden Design System",
@@ -26,6 +26,6 @@ "license": "Apache-2.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "@zendeskgarden/react-buttons": "^9.0.0-next.6",
-    "@zendeskgarden/react-forms": "^9.0.0-next.6",
-    "@zendeskgarden/react-modals": "^9.0.0-next.6",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.6",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.7",
+    "@zendeskgarden/react-forms": "^9.0.0-next.7",
+    "@zendeskgarden/react-modals": "^9.0.0-next.7",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.7",
     "lodash.isequal": "^4.5.0",
@@ -38,3 +38,3 @@ "lodash.throttle": "^4.1.1",
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": "^9.0.0",
     "react": ">=16.8.0",
@@ -47,3 +47,3 @@ "react-dom": ">=16.8.0",
     "@types/lodash.throttle": "4.1.9",
-    "@zendeskgarden/react-theming": "^9.0.0-next.6",
+    "@zendeskgarden/react-theming": "^9.0.0-next.7",
     "@zendeskgarden/svg-icons": "7.0.0"
@@ -62,3 +62,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
+  "gitHead": "50a2b45b2e237a490a6d460818d33498b92479ec"
 }

No alert changes

Worsened metrics

Total package byte prevSize

145835

decreased by-0.4%

Lines of code

3784

decreased by-0.21%

Dependency changes

• - Removed@zendeskgarden/container-focusvisible@2.0.3(transitive)

• - Removed@zendeskgarden/react-theming@8.76.3(transitive)

• - Removedelectron-to-chromium@1.4.798(transitive)

• Updated@zendeskgarden/react-buttons@^9.0.0-next.7

• Updated@zendeskgarden/react-forms@^9.0.0-next.7

• Updated@zendeskgarden/react-modals@^9.0.0-next.7

• Updated@zendeskgarden/react-tooltips@^9.0.0-next.7