@zendeskgarden/react-theming 9.0.0-next.8 → 9.0.0-next.9

package/dist/typings/elements/palette/index.d.ts

@@ -9,11 +9,9 @@ declare const PALETTE: {
     white: string;
     product: {
         support: string;
-        message: string;
         explore: string;
         gather: string;
         guide: string;
-        connect: string;
         chat: string;
         talk: string;
         sell: string;
@@ -115,8 +113,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     pink: {
         100: string;
@@ -131,8 +127,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     crimson: {
         100: string;
@@ -147,8 +141,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     orange: {
         100: string;
@@ -163,8 +155,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     lemon: {
         100: string;
@@ -179,8 +169,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     lime: {
         100: string;
@@ -195,8 +183,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     mint: {
         100: string;
@@ -211,8 +197,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     teal: {
         100: string;
@@ -227,8 +211,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     azure: {
         100: string;
@@ -243,8 +225,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     royal: {
         100: string;
@@ -259,8 +239,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
     purple: {
         100: string;
@@ -275,8 +253,6 @@ declare const PALETTE: {
         1000: string;
         1100: string;
         1200: string;
-        M400: string;
-        M600: string;
     };
 };
 export default PALETTE;

package/dist/typings/index.d.ts

@@ -10,6 +10,7 @@ export { default as PALETTE } from './elements/palette';
 export { default as PALETTE_V8 } from './elements/palette/v8';
 export { default as retrieveComponentStyles } from './utils/retrieveComponentStyles';
 export { getArrowPosition } from './utils/getArrowPosition';
+export { getCheckeredBackground } from './utils/getCheckeredBackground';
 export { getColor } from './utils/getColor';
 export { getColorV8 } from './utils/getColorV8';
 export { getFloatingPlacements } from './utils/getFloatingPlacements';
@@ -23,4 +24,5 @@ export { useWindow } from './utils/useWindow';
 export { useText } from './utils/useText';
 export { default as menuStyles } from './utils/menuStyles';
 export { focusStyles, SELECTOR_FOCUS_VISIBLE } from './utils/focusStyles';
-export { ARROW_POSITION, MENU_POSITION, PLACEMENT, type IGardenTheme, type IThemeProviderProps, type ArrowPosition, type ColorParameters, type FocusBoxShadowParameters, type FocusStylesParameters, type MenuPosition, type Placement } from './types';
+export { StyledBaseIcon } from './utils/StyledBaseIcon';
+export { ARROW_POSITION, MENU_POSITION, PLACEMENT, type IGardenTheme, type IThemeProviderProps, type ArrowPosition, type CheckeredBackgroundParameters, type ColorParameters, type FocusBoxShadowParameters, type FocusStylesParameters, type MenuPosition, type Placement } from './types';

package/dist/typings/types/index.d.ts

@@ -11,6 +11,13 @@ export declare const MENU_POSITION: readonly ["top", "right", "bottom", "left"];
 export type MenuPosition = (typeof MENU_POSITION)[number];
 export declare const PLACEMENT: readonly ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
 export type Placement = (typeof PLACEMENT)[number];
+export type CheckeredBackgroundParameters = {
+    overlay?: string;
+    positionY?: number;
+    repeat?: 'repeat' | 'repeat-x';
+    size: number;
+    theme: IGardenTheme;
+};
 export type ColorParameters = {
     dark?: {
         hue?: string;
@@ -131,6 +138,7 @@ export interface IGardenTheme {
         xxl: string;
         xxxl: string;
     };
+    opacity: Record<number, number>;
     palette: Record<string, Hue>;
     shadowWidths: {
         xs: string;

package/dist/typings/utils/StyledBaseIcon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+export declare const StyledBaseIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, any, {}, never>;

package/dist/typings/utils/getCheckeredBackground.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { CheckeredBackgroundParameters } from '../types';
+/**
+ * Get a checkered background image.
+ *
+ * @param {Object} options.theme Provides information for pattern color and LTR/RTL layout
+ * @param {number} options.size The pixel size of the checkered pattern
+ * @param {string} [options.overlay] Optional
+ * [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) with transparency or
+ * [`linear-gradient()`](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient)
+ * overlay to apply on top of the checkered pattern
+ * @param {number} [options.positionY=0] Optional vertical position for starting the pattern (default `0`)
+ * @param {string} [options.repeat='repeat'] Optional repeat value for the pattern; either `'repeat'` or `'repeat-x'` (default `'repeat'`)
+ */
+export declare const getCheckeredBackground: ({ theme, size, overlay, positionY, repeat }: CheckeredBackgroundParameters) => string;

package/dist/typings/utils/getColor.d.ts

@@ -12,7 +12,7 @@ import { ColorParameters } from '../types';
  * `shade`, `offset`, and `transparency` are used as fallbacks to determine the
  * color.
  *
- * @param {Object} [options.theme] Provides values used to resolve the desired color
+ * @param {Object} options.theme Provides values used to resolve the desired color
  * @param {string} [options.variable] A variable key (i.e. `'background.default'`) used to resolve a color value for the theme color base
  * @param {Object} [options.dark] An object with `hue`, `shade`, `offset`, and `transparency` values to be used in dark mode
  * @param {Object} [options.light] An object with `hue`, `shade`, `offset`, and `transparency` values to be used in light mode
@@ -25,6 +25,6 @@ import { ColorParameters } from '../types';
  *  - `'chromeHue'` = `theme.colors.chromeHue`
  * @param {number} [options.shade] A hue shade
  * @param {number} [options.offset] A positive or negative value to adjust the shade
- * @param {number} [options.transparency] An alpha-channel value between 0 and 1
+ * @param {number} [options.transparency] A `theme.opacity` key or an alpha-channel value between 0 and 1
  */
 export declare const getColor: (({ dark, hue, light, offset, shade, theme, transparency, variable }: ColorParameters) => string) & import("lodash").MemoizedFunction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-theming",
-  "version": "9.0.0-next.8",
+  "version": "9.0.0-next.9",
   "description": "Theming utilities and components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
+  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
 }