@zendeskgarden/react-theming 9.1.1 → 9.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/esm/utils/getColor.js +1 -1
  2. package/dist/esm/utils/menuStyles.js +1 -1
  3. package/dist/index.cjs.js +2 -2
  4. package/dist/typings/utils/focusStyles.d.ts +2 -2
  5. package/package.json +2 -2
package/dist/esm/utils/getColor.js CHANGED
@@ -115,7 +115,7 @@ const generateColorScale = memoize(color => {
115
115
  const toColor = (colors, palette, opacity, scheme, hue, shade, offset, transparency) => {
116
116
  let retVal;
117
117
  let _hue = colors[hue] || hue;
118
- if (Object.hasOwn(palette, _hue)) {
118
+ if (Object.prototype.hasOwnProperty.call(palette, _hue)) {
119
119
  _hue = palette[_hue];
120
120
  }
121
121
  if (typeof _hue === 'object') {
package/dist/esm/utils/menuStyles.js CHANGED
@@ -64,7 +64,7 @@ function menuStyles(position) {
64
64
  } else {
65
65
  marginProperty = 'margin-right';
66
66
  }
67
- return css(["position:absolute;z-index:", ";", ":", ";line-height:0;font-size:0.01px;color-scheme:only ", ";& ", "{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:", ";border-radius:", ";cursor:default;padding:0;text-align:", ";white-space:normal;font-size:", ";font-weight:", ";direction:", ";", ";:focus{outline:none;}}", ";", ";"], options.zIndex || 0, marginProperty, options.margin, p => p.theme.colors.base, options.childSelector || '> *', theme.borders.sm, theme.borderRadii.md, theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', colorStyles(theme), options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
67
+ return css(["position:absolute;z-index:", ";", ":", ";line-height:0;font-size:0.01px;color-scheme:only ", ";& ", "{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:", ";border-radius:", ";cursor:default;padding:0;text-align:", ";white-space:normal;font-size:", ";font-weight:", ";direction:", ";", ";&:focus{outline:none;}}", ";", ";"], options.zIndex || 0, marginProperty, options.margin, p => p.theme.colors.base, options.childSelector || '> *', theme.borders.sm, theme.borderRadii.md, theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', colorStyles(theme), options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
68
68
  }
69
69
 
70
70
  export { menuStyles as default };
package/dist/index.cjs.js CHANGED
@@ -656,7 +656,7 @@ const generateColorScale = memoize__default.default(color => {
656
656
  const toColor = (colors, palette, opacity, scheme, hue, shade, offset, transparency) => {
657
657
  let retVal;
658
658
  let _hue = colors[hue] || hue;
659
- if (Object.hasOwn(palette, _hue)) {
659
+ if (Object.prototype.hasOwnProperty.call(palette, _hue)) {
660
660
  _hue = palette[_hue];
661
661
  }
662
662
  if (typeof _hue === 'object') {
@@ -1418,7 +1418,7 @@ function menuStyles(position) {
1418
1418
  } else {
1419
1419
  marginProperty = 'margin-right';
1420
1420
  }
1421
- return styled.css(["position:absolute;z-index:", ";", ":", ";line-height:0;font-size:0.01px;color-scheme:only ", ";& ", "{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:", ";border-radius:", ";cursor:default;padding:0;text-align:", ";white-space:normal;font-size:", ";font-weight:", ";direction:", ";", ";:focus{outline:none;}}", ";", ";"], options.zIndex || 0, marginProperty, options.margin, p => p.theme.colors.base, options.childSelector || '> *', theme.borders.sm, theme.borderRadii.md, theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', colorStyles(theme), options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
1421
+ return styled.css(["position:absolute;z-index:", ";", ":", ";line-height:0;font-size:0.01px;color-scheme:only ", ";& ", "{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:", ";border-radius:", ";cursor:default;padding:0;text-align:", ";white-space:normal;font-size:", ";font-weight:", ";direction:", ";", ";&:focus{outline:none;}}", ";", ";"], options.zIndex || 0, marginProperty, options.margin, p => p.theme.colors.base, options.childSelector || '> *', theme.borders.sm, theme.borderRadii.md, theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', colorStyles(theme), options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
1422
1422
  }
1423
1423
 
1424
1424
  const SELECTOR_FOCUS_VISIBLE = '&:focus-visible';
package/dist/typings/utils/focusStyles.d.ts CHANGED
@@ -23,11 +23,11 @@ export declare const SELECTOR_FOCUS_VISIBLE = "&:focus-visible";
23
23
  *
24
24
  * @returns CSS structured as follows, with `{values}` determined by the options provided:
25
25
  * ```css
26
- * :focus {
26
+ * &:focus {
27
27
  * outline: none;
28
28
  * }
29
29
  *
30
- * :focus-visible {
30
+ * &:focus-visible {
31
31
  * box-shadow: 0 0 0 {1px} #fff,
32
32
  * 0 0 0 {3px} {blue};
33
33
  * outline: {2px} solid transparent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-theming",
3
- "version": "9.1.1",
3
+ "version": "9.1.2",
4
4
  "description": "Theming utilities and components within the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "zendeskgarden:src": "src/index.ts",
50
- "gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
50
+ "gitHead": "dd7b2e7fb6747ef39a028b4e7b9924c2098deea0"
51
51
  }