@zendeskgarden/react-colorpickers - npm Package Compare versions

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

dist/index.cjs.js

@@ -156,3 +156,3 @@ /**
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -220,3 +220,3 @@ displayName: "StyledColorPicker",
   return `
-    border-color: ${props.isOpaque && props.theme.colors.background};
+    border-color: ${props.isOpaque && reactTheming.getColorV8('background', 600 , props.theme)};
 
@@ -294,3 +294,3 @@ ${trackStyles(`
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   hasLowerTrack: false
@@ -310,3 +310,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -355,3 +355,3 @@ displayName: "StyledHueRange",
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 })).withConfig({
@@ -380,3 +380,3 @@ displayName: "StyledAlphaRange",
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'preview-box'
@@ -403,3 +403,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'colorwell',
@@ -432,3 +432,3 @@ style: {
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'colorwell-thumb',
@@ -450,3 +450,3 @@ style: {
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -463,3 +463,3 @@ displayName: "StyledSliderGroup",
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   spellcheck: false
@@ -477,3 +477,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -490,3 +490,3 @@ displayName: "StyledLabel",
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   focusInset: false
@@ -504,3 +504,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -526,3 +526,3 @@ displayName: "StyledInputGroup",
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -539,3 +539,3 @@ displayName: "StyledRGBAField",
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -553,3 +553,3 @@ displayName: "StyledSliders",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -589,3 +589,3 @@ displayName: "StyledButton",
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'dialog-preview'
@@ -603,3 +603,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -616,3 +616,3 @@ displayName: "StyledTooltipModal",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -629,3 +629,3 @@ displayName: "StyledTooltipBody",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -642,3 +642,3 @@ displayName: "StyledColorSwatch",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -657,7 +657,5 @@ displayName: "StyledColorSwatchInput",
   } = polished.parseToRgb(props.backgroundColor);
-  let foregroundColor;
-  if (alpha && alpha < 0.4) {
-    foregroundColor = props.theme.colors.foreground;
-  } else {
-    foregroundColor = polished.readableColor(props.backgroundColor, props.theme.colors.foreground, props.theme.colors.background);
+  let foregroundColor = reactTheming.getColorV8('foreground', 600 , props.theme);
+  if (alpha === undefined || alpha >= 0.4) {
+    foregroundColor = polished.readableColor(props.backgroundColor, foregroundColor, reactTheming.getColorV8('background', 600 , props.theme), false );
   }
@@ -671,3 +669,3 @@ return `
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -707,3 +705,3 @@ displayName: "StyledColorSwatchLabel",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -720,3 +718,3 @@ displayName: "StyledIcon",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -723,0 +721,0 @@ displayName: "StyledCell",

dist/index.esm.js

@@ -129,3 +129,3 @@ /**
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -193,3 +193,3 @@ displayName: "StyledColorPicker",
   return `
-    border-color: ${props.isOpaque && props.theme.colors.background};
+    border-color: ${props.isOpaque && getColorV8('background', 600 , props.theme)};
 
@@ -267,3 +267,3 @@ ${trackStyles(`
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   hasLowerTrack: false
@@ -283,3 +283,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -328,3 +328,3 @@ displayName: "StyledHueRange",
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 })).withConfig({
@@ -353,3 +353,3 @@ displayName: "StyledAlphaRange",
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'preview-box'
@@ -376,3 +376,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'colorwell',
@@ -405,3 +405,3 @@ style: {
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'colorwell-thumb',
@@ -423,3 +423,3 @@ style: {
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -436,3 +436,3 @@ displayName: "StyledSliderGroup",
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   spellcheck: false
@@ -450,3 +450,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -463,3 +463,3 @@ displayName: "StyledLabel",
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   focusInset: false
@@ -477,3 +477,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -499,3 +499,3 @@ displayName: "StyledInputGroup",
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -512,3 +512,3 @@ displayName: "StyledRGBAField",
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -526,3 +526,3 @@ displayName: "StyledSliders",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -562,3 +562,3 @@ displayName: "StyledButton",
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.5',
+  'data-garden-version': '9.0.0-next.6',
   'data-test-id': 'dialog-preview'
@@ -576,3 +576,3 @@ })).withConfig({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -589,3 +589,3 @@ displayName: "StyledTooltipModal",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -602,3 +602,3 @@ displayName: "StyledTooltipBody",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -615,3 +615,3 @@ displayName: "StyledColorSwatch",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -630,7 +630,5 @@ displayName: "StyledColorSwatchInput",
   } = parseToRgb(props.backgroundColor);
-  let foregroundColor;
-  if (alpha && alpha < 0.4) {
-    foregroundColor = props.theme.colors.foreground;
-  } else {
-    foregroundColor = readableColor(props.backgroundColor, props.theme.colors.foreground, props.theme.colors.background);
+  let foregroundColor = getColorV8('foreground', 600 , props.theme);
+  if (alpha === undefined || alpha >= 0.4) {
+    foregroundColor = readableColor(props.backgroundColor, foregroundColor, getColorV8('background', 600 , props.theme), false );
   }
@@ -644,3 +642,3 @@ return `
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -680,3 +678,3 @@ displayName: "StyledColorSwatchLabel",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -693,3 +691,3 @@ displayName: "StyledIcon",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.5'
+  'data-garden-version': '9.0.0-next.6'
 }).withConfig({
@@ -696,0 +694,0 @@ displayName: "StyledCell",

dist/typings/styled/ColorSwatch/StyledColorSwatchLabel.d.ts

@@ -15,3 +15,3 @@ /**
     'data-garden-version': string;
-} & IStyledColorSwatchLabelProps, "data-garden-id" | "data-garden-version" | "as">;
+} & IStyledColorSwatchLabelProps, "as" | "data-garden-id" | "data-garden-version">;
 export {};

package.json

 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "9.0.0-next.5",
+  "version": "9.0.0-next.6",
   "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.5",
-    "@zendeskgarden/react-forms": "^9.0.0-next.5",
-    "@zendeskgarden/react-modals": "^9.0.0-next.5",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.5",
+    "@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",
     "lodash.isequal": "^4.5.0",
@@ -46,3 +46,3 @@ "lodash.throttle": "^4.1.1",
     "@types/lodash.throttle": "4.1.9",
-    "@zendeskgarden/react-theming": "^9.0.0-next.5",
+    "@zendeskgarden/react-theming": "^9.0.0-next.6",
     "@zendeskgarden/svg-icons": "7.0.0"
@@ -61,3 +61,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
+  "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
 }

No alert changes

Improved metrics

Total package byte prevSize

146427

increased by0.05%

Worsened metrics

Lines of code

3792

decreased by-0.11%

Dependency changes

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

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

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

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