@databricks/design-system 1.12.16 → 1.12.17

package/dist/flags.d.ts

@@ -1,7 +1,6 @@
 export declare enum AvailableDesignSystemFlags {
     '__DEBUG__' = "__DEBUG__",
     'USE_FLEX_BUTTON' = "USE_FLEX_BUTTON",
-    'USE_NEW_TREE' = "USE_NEW_TREE",
     'USE_NEW_CHECKBOX_STYLES' = "USE_NEW_CHECKBOX_STYLES"
 }
 type DesignSystemFlagMetadata = {

package/dist/flags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flags.d.ts","sourceRoot":"","sources":["../src/flags.ts"],"names":[],"mappings":"AAAA,oBAAY,0BAA0B;IACpC,WAAW,cAAc;IACzB,iBAAiB,oBAAoB;IACrC,cAAc,iBAAiB;IAC/B,yBAAyB,4BAA4B;CACtD;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,0BAA0B,EAAE,wBAAwB,CAiB1G,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC"}
+{"version":3,"file":"flags.d.ts","sourceRoot":"","sources":["../src/flags.ts"],"names":[],"mappings":"AAAA,oBAAY,0BAA0B;IACpC,WAAW,cAAc;IACzB,iBAAiB,oBAAoB;IACrC,yBAAyB,4BAA4B;CACtD;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,0BAA0B,EAAE,wBAAwB,CAa1G,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC"}

package/dist/index-b1437d2d.js

@@ -0,0 +1,507 @@
+import { forwardRef, useRef, useCallback } from 'react';
+import { I as Icon, a as useDesignSystemTheme, D as DesignSystemAntDConfigProvider, h as addDebugOutlineIfEnabled, r as getValidationStateColor, g as getAnimationCss, s as safex, c as useDesignSystemEventComponentCallbacks, d as DesignSystemEventProviderComponentTypes, e as DesignSystemEventProviderAnalyticsEventTypes, p as importantify } from './Typography-ed0b1c4d.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { Input as Input$2 } from 'antd';
+
+function SvgChevronLeftIcon(props) {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...props,
+    children: jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.083 8 10 10.947 8.958 12 5 8l3.958-4L10 5.053z",
+      clipRule: "evenodd"
+    })
+  });
+}
+const ChevronLeftIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgChevronLeftIcon
+  });
+});
+ChevronLeftIcon.displayName = 'ChevronLeftIcon';
+var ChevronLeftIcon$1 = ChevronLeftIcon;
+
+function SvgChevronRightIcon(props) {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...props,
+    children: jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8.917 8 6 5.053 7.042 4 11 8l-3.958 4L6 10.947z",
+      clipRule: "evenodd"
+    })
+  });
+}
+const ChevronRightIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgChevronRightIcon
+  });
+});
+ChevronRightIcon.displayName = 'ChevronRightIcon';
+var ChevronRightIcon$1 = ChevronRightIcon;
+
+function SvgClockIcon(props) {
+  return jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...props,
+    children: [jsx("path", {
+      fill: "currentColor",
+      d: "M7.25 4v4c0 .199.079.39.22.53l2 2 1.06-1.06-1.78-1.78V4z"
+    }), jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0",
+      clipRule: "evenodd"
+    })]
+  });
+}
+const ClockIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgClockIcon
+  });
+});
+ClockIcon.displayName = 'ClockIcon';
+var ClockIcon$1 = ClockIcon;
+
+function SvgCloseSmallIcon(props) {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...props,
+    children: jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.064 8 4 4.936 4.936 4 8 7.064 11.063 4l.937.936L8.937 8 12 11.063l-.937.937L8 8.937 4.936 12 4 11.063z",
+      clipRule: "evenodd"
+    })
+  });
+}
+const CloseSmallIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgCloseSmallIcon
+  });
+});
+CloseSmallIcon.displayName = 'CloseSmallIcon';
+var CloseSmallIcon$1 = CloseSmallIcon;
+
+function SvgMegaphoneIcon(props) {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 18 18",
+    ...props,
+    children: jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M16.25 2a.75.75 0 0 0-1.248-.56l-4.287 3.81H4A2.75 2.75 0 0 0 1.25 8v2A2.75 2.75 0 0 0 4 12.75h1.75V16a.75.75 0 0 0 1.5 0v-3.25h3.465l4.287 3.81A.75.75 0 0 0 16.25 16zm-4.752 4.56 3.252-2.89v10.66l-3.252-2.89a.75.75 0 0 0-.498-.19H4c-.69 0-1.25-.56-1.25-1.25V8c0-.69.56-1.25 1.25-1.25h7a.75.75 0 0 0 .498-.19",
+      clipRule: "evenodd"
+    })
+  });
+}
+const MegaphoneIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgMegaphoneIcon
+  });
+});
+MegaphoneIcon.displayName = 'MegaphoneIcon';
+var MegaphoneIcon$1 = MegaphoneIcon;
+
+function SvgPlusIcon(props) {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...props,
+    children: jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.25 7.25V1h1.5v6.25H15v1.5H8.75V15h-1.5V8.75H1v-1.5z",
+      clipRule: "evenodd"
+    })
+  });
+}
+const PlusIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgPlusIcon
+  });
+});
+PlusIcon.displayName = 'PlusIcon';
+var PlusIcon$1 = PlusIcon;
+
+const getInputGroupStyling = (clsPrefix, theme) => {
+  const inputClass = `.${clsPrefix}-input`;
+  const buttonClass = `.${clsPrefix}-btn`;
+  return /*#__PURE__*/css({
+    display: 'inline-flex !important',
+    width: 'auto',
+    [`& > ${inputClass}`]: {
+      flexGrow: 1,
+      '&:disabled': {
+        border: 'none',
+        background: theme.colors.actionDisabledBackground,
+        '&:hover': {
+          borderRight: `1px solid ${theme.colors.actionDisabledBorder} !important`
+        }
+      },
+      '&[data-validation]': {
+        marginRight: 0
+      }
+    },
+    [`& > ${buttonClass} > span`]: {
+      verticalAlign: 'middle'
+    },
+    [`& > ${buttonClass}:disabled, & > ${buttonClass}:disabled:hover`]: {
+      borderLeft: `1px solid ${theme.colors.actionDisabledBorder} !important`,
+      backgroundColor: `${theme.colors.actionDisabledBackground} !important`,
+      color: `${theme.colors.actionDisabledText} !important`
+    }
+  }, process.env.NODE_ENV === "production" ? "" : ";label:getInputGroupStyling;");
+};
+const Group = _ref => {
+  let {
+    dangerouslySetAntdProps,
+    dangerouslyAppendEmotionCSS,
+    compact = true,
+    ...props
+  } = _ref;
+  const {
+    classNamePrefix,
+    theme
+  } = useDesignSystemTheme();
+  return jsx(DesignSystemAntDConfigProvider, {
+    children: jsx(Input$2.Group, {
+      ...addDebugOutlineIfEnabled(),
+      css: [getInputGroupStyling(classNamePrefix, theme), dangerouslyAppendEmotionCSS, process.env.NODE_ENV === "production" ? "" : ";label:Group;"],
+      compact: compact,
+      ...props,
+      ...dangerouslySetAntdProps
+    })
+  });
+};
+
+/**
+ * A React custom hook that allows a callback function to be executed exactly once until it is explicitly reset.
+ *
+ * Usage:
+ *
+ * const originalCallback = () => { console.log('originalCallback'); }
+ * const { callbackOnceUntilReset, reset } = useCallbackOnceUntilReset(originalCallback);
+ *
+ * // To execute the callback
+ * callbackOnceUntilReset(); // Prints 'originalCallback'
+ * callbackOnceUntilReset(); // No effect for further calls
+ * reset();
+ * callbackOnceUntilReset(); // Prints 'originalCallback' again
+ */
+const useCallbackOnceUntilReset = callback => {
+  const canTriggerRef = useRef(true);
+  const reset = useCallback(() => {
+    canTriggerRef.current = true;
+  }, []);
+  const callbackOnceUntilReset = useCallback(() => {
+    if (canTriggerRef.current) {
+      callback();
+      canTriggerRef.current = false;
+    }
+  }, [callback]);
+  return {
+    callbackOnceUntilReset,
+    reset
+  };
+};
+
+const getInputStyles = (clsPrefix, theme, _ref, _ref2) => {
+  let {
+    validationState
+  } = _ref;
+  let {
+    useTransparent = false,
+    useFocusWithin = false
+  } = _ref2;
+  const inputClass = `.${clsPrefix}-input`;
+  const affixClass = `.${clsPrefix}-input-affix-wrapper`;
+  const affixClassDisabled = `.${clsPrefix}-input-affix-wrapper-disabled`;
+  const affixClassFocused = `.${clsPrefix}-input-affix-wrapper-focused`;
+  const clearIcon = `.${clsPrefix}-input-clear-icon`;
+  const prefixIcon = `.${clsPrefix}-input-prefix`;
+  const suffixIcon = `.${clsPrefix}-input-suffix`;
+  const validationColor = getValidationStateColor(theme, validationState);
+  const focusSpecifier = useFocusWithin ? 'focus-within' : 'focus';
+  const styles = {
+    '&&': {
+      lineHeight: theme.typography.lineHeightBase,
+      minHeight: theme.general.heightSm,
+      ...(validationState && {
+        borderColor: validationColor
+      }),
+      '&:hover': {
+        borderColor: validationState ? validationColor : theme.colors.actionPrimaryBackgroundHover
+      },
+      [`&:${focusSpecifier}`]: {
+        outlineColor: validationState ? validationColor : theme.colors.actionPrimaryBackgroundDefault,
+        outlineWidth: 2,
+        outlineOffset: -2,
+        outlineStyle: 'solid',
+        boxShadow: 'none',
+        borderColor: 'transparent'
+      }
+    },
+    [`&${inputClass}, ${inputClass}`]: {
+      ...(useTransparent && {
+        backgroundColor: 'transparent'
+      }),
+      '&:disabled': {
+        backgroundColor: theme.colors.actionDisabledBackground,
+        color: theme.colors.actionDisabledText,
+        borderColor: theme.colors.actionDisabledBorder
+      },
+      '&::placeholder': {
+        color: theme.colors.textPlaceholder
+      }
+    },
+    [`&${affixClass}`]: {
+      ...(useTransparent && {
+        backgroundColor: 'transparent'
+      }),
+      lineHeight: theme.typography.lineHeightBase,
+      paddingTop: 5,
+      paddingBottom: 5,
+      minHeight: theme.general.heightSm,
+      '::before': {
+        lineHeight: theme.typography.lineHeightBase
+      },
+      '&:hover': {
+        borderColor: theme.colors.actionPrimaryBackgroundHover
+      },
+      [`input.${clsPrefix}-input`]: {
+        borderRadius: 0
+      }
+    },
+    [`&${affixClassDisabled}`]: {
+      backgroundColor: theme.colors.actionDisabledBackground
+    },
+    [`&${affixClassFocused}`]: {
+      boxShadow: 'none',
+      [`&&, &:${focusSpecifier}`]: {
+        outlineColor: theme.colors.actionPrimaryBackgroundDefault,
+        outlineWidth: 2,
+        outlineOffset: -2,
+        outlineStyle: 'solid',
+        boxShadow: 'none',
+        borderColor: 'transparent'
+      }
+    },
+    [clearIcon]: {
+      fontSize: theme.typography.fontSizeSm
+    },
+    [prefixIcon]: {
+      marginRight: theme.spacing.sm,
+      color: theme.colors.textSecondary
+    },
+    [suffixIcon]: {
+      marginLeft: theme.spacing.sm,
+      color: theme.colors.textSecondary
+    },
+    ...getAnimationCss(theme.options.enableAnimation)
+  };
+  return styles;
+};
+const getInputEmotionStyles = (clsPrefix, theme, _ref3, useTransparent) => {
+  let {
+    validationState
+  } = _ref3;
+  const styles = getInputStyles(clsPrefix, theme, {
+    validationState
+  }, {
+    useTransparent
+  });
+  return /*#__PURE__*/css(importantify(styles), process.env.NODE_ENV === "production" ? "" : ";label:getInputEmotionStyles;");
+};
+const Input$1 = /*#__PURE__*/forwardRef(function Input(_ref4, ref) {
+  let {
+    validationState,
+    autoComplete = 'off',
+    dangerouslySetAntdProps,
+    dangerouslyAppendEmotionCSS,
+    onChange,
+    onClear,
+    onFocus,
+    componentId,
+    analyticsEvents,
+    ...props
+  } = _ref4;
+  const {
+    classNamePrefix,
+    theme
+  } = useDesignSystemTheme();
+  const useTransparent = safex('databricks.fe.designsystem.useTransparentInput', false);
+  const eventContext = useDesignSystemEventComponentCallbacks({
+    componentType: DesignSystemEventProviderComponentTypes.Input,
+    componentId,
+    analyticsEvents: analyticsEvents !== null && analyticsEvents !== void 0 ? analyticsEvents : [DesignSystemEventProviderAnalyticsEventTypes.OnValueChange],
+    valueHasNoPii: false
+  });
+
+  // Prevents multiple onValueChange triggers until after a focus event resets it.
+  const {
+    callbackOnceUntilReset: sendAnalyticsEventOncePerFocus,
+    reset: resetSendAnalyticsEventOnFocus
+  } = useCallbackOnceUntilReset(eventContext.onValueChange);
+  const handleChange = useCallback(e => {
+    sendAnalyticsEventOncePerFocus();
+    // If the input is cleared, call the onClear handler, but only
+    // if the event is not an input event -- which is the case when you click the
+    // ant-provided (X) button.
+    if (!e.target.value && e.nativeEvent instanceof InputEvent === false && onClear) {
+      onClear === null || onClear === void 0 || onClear();
+    } else {
+      onChange === null || onChange === void 0 || onChange(e);
+    }
+  }, [onChange, onClear, sendAnalyticsEventOncePerFocus]);
+  const handleFocus = useCallback(e => {
+    resetSendAnalyticsEventOnFocus();
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  }, [onFocus, resetSendAnalyticsEventOnFocus]);
+  return jsx(DesignSystemAntDConfigProvider, {
+    children: jsx(Input$2, {
+      ...addDebugOutlineIfEnabled(),
+      autoComplete: autoComplete,
+      "data-validation": validationState,
+      ref: ref,
+      css: [getInputEmotionStyles(classNamePrefix, theme, {
+        validationState
+      }, useTransparent), dangerouslyAppendEmotionCSS, process.env.NODE_ENV === "production" ? "" : ";label:Input;"],
+      onChange: handleChange,
+      onFocus: handleFocus,
+      ...props,
+      ...dangerouslySetAntdProps
+    })
+  });
+});
+
+const Password = /*#__PURE__*/forwardRef(function Password(_ref, ref) {
+  let {
+    validationState,
+    autoComplete = 'off',
+    dangerouslySetAntdProps,
+    dangerouslyAppendEmotionCSS,
+    ...props
+  } = _ref;
+  const {
+    classNamePrefix,
+    theme
+  } = useDesignSystemTheme();
+  const useTransparent = safex('databricks.fe.designsystem.useTransparentInput', false);
+  return jsx(DesignSystemAntDConfigProvider, {
+    children: jsx(Input$2.Password, {
+      ...addDebugOutlineIfEnabled(),
+      visibilityToggle: false,
+      ref: ref,
+      autoComplete: autoComplete,
+      css: [getInputEmotionStyles(classNamePrefix, theme, {
+        validationState
+      }, useTransparent), dangerouslyAppendEmotionCSS, process.env.NODE_ENV === "production" ? "" : ";label:Password;"],
+      ...props,
+      ...dangerouslySetAntdProps
+    })
+  });
+});
+
+const TextArea = /*#__PURE__*/forwardRef(function TextArea(_ref, ref) {
+  let {
+    validationState,
+    autoComplete = 'off',
+    dangerouslySetAntdProps,
+    dangerouslyAppendEmotionCSS,
+    componentId,
+    analyticsEvents,
+    onChange,
+    onFocus,
+    ...props
+  } = _ref;
+  const {
+    classNamePrefix,
+    theme
+  } = useDesignSystemTheme();
+  const useTransparent = safex('databricks.fe.designsystem.useTransparentInput', false);
+  const eventContext = useDesignSystemEventComponentCallbacks({
+    componentType: DesignSystemEventProviderComponentTypes.TextArea,
+    componentId,
+    analyticsEvents: analyticsEvents !== null && analyticsEvents !== void 0 ? analyticsEvents : [DesignSystemEventProviderAnalyticsEventTypes.OnValueChange],
+    valueHasNoPii: false
+  });
+
+  // Prevents multiple onValueChange triggers until after a focus event resets it.
+  const {
+    callbackOnceUntilReset: sendAnalyticsEventOncePerFocus,
+    reset: resetSendAnalyticsEventOnFocus
+  } = useCallbackOnceUntilReset(eventContext.onValueChange);
+  const handleChange = useCallback(e => {
+    sendAnalyticsEventOncePerFocus();
+    onChange === null || onChange === void 0 || onChange(e);
+  }, [onChange, sendAnalyticsEventOncePerFocus]);
+  const handleFocus = useCallback(e => {
+    resetSendAnalyticsEventOnFocus();
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  }, [onFocus, resetSendAnalyticsEventOnFocus]);
+  return jsx(DesignSystemAntDConfigProvider, {
+    children: jsx(Input$2.TextArea, {
+      ...addDebugOutlineIfEnabled(),
+      ref: ref,
+      autoComplete: autoComplete,
+      css: [getInputEmotionStyles(classNamePrefix, theme, {
+        validationState
+      }, useTransparent), dangerouslyAppendEmotionCSS, process.env.NODE_ENV === "production" ? "" : ";label:TextArea;"],
+      onChange: handleChange,
+      onFocus: handleFocus,
+      ...props,
+      ...dangerouslySetAntdProps
+    })
+  });
+});
+
+// Properly creates the namespace and dot-notation components with correct types.
+const InputNamespace = /* #__PURE__ */Object.assign(Input$1, {
+  TextArea,
+  Password,
+  Group
+});
+const Input = InputNamespace;
+
+export { ChevronRightIcon$1 as C, Input as I, MegaphoneIcon$1 as M, PlusIcon$1 as P, ChevronLeftIcon$1 as a, ClockIcon$1 as b, CloseSmallIcon$1 as c, getInputStyles as g };
+//# sourceMappingURL=index-b1437d2d.js.map

package/dist/index-b1437d2d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-b1437d2d.js","sources":["../src/design-system/Icon/__generated/icons/ChevronLeftIcon.tsx","../src/design-system/Icon/__generated/icons/ChevronRightIcon.tsx","../src/design-system/Icon/__generated/icons/ClockIcon.tsx","../src/design-system/Icon/__generated/icons/CloseSmallIcon.tsx","../src/design-system/Icon/__generated/icons/MegaphoneIcon.tsx","../src/design-system/Icon/__generated/icons/PlusIcon.tsx","../src/design-system/Input/Group.tsx","../src/design-system/utils/useCallbackOnceUntilReset.ts","../src/design-system/Input/Input.tsx","../src/design-system/Input/Password.tsx","../src/design-system/Input/TextArea.tsx","../src/design-system/Input/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgChevronLeftIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M7.083 8 10 10.947 8.958 12 5 8l3.958-4L10 5.053z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\nconst ChevronLeftIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgChevronLeftIcon} />;\n});\nChevronLeftIcon.displayName = 'ChevronLeftIcon';\nexport default ChevronLeftIcon;\n","import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgChevronRightIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M8.917 8 6 5.053 7.042 4 11 8l-3.958 4L6 10.947z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\nconst ChevronRightIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgChevronRightIcon} />;\n});\nChevronRightIcon.displayName = 'ChevronRightIcon';\nexport default ChevronRightIcon;\n","import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgClockIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}>\n      <path fill=\"currentColor\" d=\"M7.25 4v4c0 .199.079.39.22.53l2 2 1.06-1.06-1.78-1.78V4z\" />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\nconst ClockIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgClockIcon} />;\n});\nClockIcon.displayName = 'ClockIcon';\nexport default ClockIcon;\n","import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgCloseSmallIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M7.064 8 4 4.936 4.936 4 8 7.064 11.063 4l.937.936L8.937 8 12 11.063l-.937.937L8 8.937 4.936 12 4 11.063z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\nconst CloseSmallIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgCloseSmallIcon} />;\n});\nCloseSmallIcon.displayName = 'CloseSmallIcon';\nexport default CloseSmallIcon;\n","import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgMegaphoneIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 18 18\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M16.25 2a.75.75 0 0 0-1.248-.56l-4.287 3.81H4A2.75 2.75 0 0 0 1.25 8v2A2.75 2.75 0 0 0 4 12.75h1.75V16a.75.75 0 0 0 1.5 0v-3.25h3.465l4.287 3.81A.75.75 0 0 0 16.25 16zm-4.752 4.56 3.252-2.89v10.66l-3.252-2.89a.75.75 0 0 0-.498-.19H4c-.69 0-1.25-.56-1.25-1.25V8c0-.69.56-1.25 1.25-1.25h7a.75.75 0 0 0 .498-.19\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\nconst MegaphoneIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgMegaphoneIcon} />;\n});\nMegaphoneIcon.displayName = 'MegaphoneIcon';\nexport default MegaphoneIcon;\n","import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgPlusIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M7.25 7.25V1h1.5v6.25H15v1.5H8.75V15h-1.5V8.75H1v-1.5z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\nconst PlusIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgPlusIcon} />;\n});\nPlusIcon.displayName = 'PlusIcon';\nexport default PlusIcon;\n","import { css } from '@emotion/react';\nimport { Input as AntDInput } from 'antd';\n\nimport type { InputGroupProps } from './common';\nimport type { Theme } from '../../theme';\nimport { DesignSystemAntDConfigProvider } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../Hooks/useDesignSystemTheme';\nimport { addDebugOutlineIfEnabled } from '../utils/debug';\n\nconst getInputGroupStyling = (clsPrefix: string, theme: Theme) => {\n  const inputClass = `.${clsPrefix}-input`;\n  const buttonClass = `.${clsPrefix}-btn`;\n\n  return css({\n    display: 'inline-flex !important',\n    width: 'auto',\n\n    [`& > ${inputClass}`]: {\n      flexGrow: 1,\n      '&:disabled': {\n        border: 'none',\n        background: theme.colors.actionDisabledBackground,\n\n        '&:hover': {\n          borderRight: `1px solid ${theme.colors.actionDisabledBorder} !important`,\n        },\n      },\n\n      '&[data-validation]': {\n        marginRight: 0,\n      },\n    },\n\n    [`& > ${buttonClass} > span`]: {\n      verticalAlign: 'middle',\n    },\n\n    [`& > ${buttonClass}:disabled, & > ${buttonClass}:disabled:hover`]: {\n      borderLeft: `1px solid ${theme.colors.actionDisabledBorder} !important`,\n      backgroundColor: `${theme.colors.actionDisabledBackground} !important`,\n      color: `${theme.colors.actionDisabledText} !important`,\n    },\n  });\n};\n\nexport const Group = ({\n  dangerouslySetAntdProps,\n  dangerouslyAppendEmotionCSS,\n  compact = true,\n  ...props\n}: InputGroupProps) => {\n  const { classNamePrefix, theme } = useDesignSystemTheme();\n\n  return (\n    <DesignSystemAntDConfigProvider>\n      <AntDInput.Group\n        {...addDebugOutlineIfEnabled()}\n        css={[getInputGroupStyling(classNamePrefix, theme), dangerouslyAppendEmotionCSS]}\n        compact={compact}\n        {...props}\n        {...dangerouslySetAntdProps}\n      />\n    </DesignSystemAntDConfigProvider>\n  );\n};\n","import { useCallback, useRef } from 'react';\n\n/**\n * A React custom hook that allows a callback function to be executed exactly once until it is explicitly reset.\n *\n * Usage:\n *\n * const originalCallback = () => { console.log('originalCallback'); }\n * const { callbackOnceUntilReset, reset } = useCallbackOnceUntilReset(originalCallback);\n *\n * // To execute the callback\n * callbackOnceUntilReset(); // Prints 'originalCallback'\n * callbackOnceUntilReset(); // No effect for further calls\n * reset();\n * callbackOnceUntilReset(); // Prints 'originalCallback' again\n */\nconst useCallbackOnceUntilReset = <T>(callback: () => T) => {\n  const canTriggerRef = useRef(true);\n  const reset = useCallback(() => {\n    canTriggerRef.current = true;\n  }, []);\n\n  const callbackOnceUntilReset = useCallback(() => {\n    if (canTriggerRef.current) {\n      callback();\n      canTriggerRef.current = false;\n    }\n  }, [callback]);\n\n  return { callbackOnceUntilReset, reset };\n};\n\nexport { useCallbackOnceUntilReset };\n","import type { CSSObject, SerializedStyles } from '@emotion/react';\nimport { css } from '@emotion/react';\nimport { Input as AntDInput } from 'antd';\nimport React, { forwardRef, useCallback } from 'react';\n\nimport type { InputProps } from './common';\nimport {\n  DesignSystemEventProviderAnalyticsEventTypes,\n  DesignSystemEventProviderComponentTypes,\n  useDesignSystemEventComponentCallbacks,\n} from '../../design-system/DesignSystemEventProvider/DesignSystemEventProvider';\nimport type { Theme } from '../../theme';\nimport { DesignSystemAntDConfigProvider, getAnimationCss } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../Hooks/useDesignSystemTheme';\nimport type { ValidationState } from '../types';\nimport { getValidationStateColor, importantify } from '../utils/css-utils';\nimport { addDebugOutlineIfEnabled } from '../utils/debug';\nimport { safex } from '../utils/safex';\nimport { useCallbackOnceUntilReset } from '../utils/useCallbackOnceUntilReset';\n\ninterface InputStylesOptions {\n  useTransparent?: boolean;\n  useFocusWithin?: boolean;\n}\n\nexport const getInputStyles = (\n  clsPrefix: string,\n  theme: Theme,\n  { validationState }: { validationState?: ValidationState },\n  { useTransparent = false, useFocusWithin = false }: InputStylesOptions,\n): CSSObject => {\n  const inputClass = `.${clsPrefix}-input`;\n  const affixClass = `.${clsPrefix}-input-affix-wrapper`;\n  const affixClassDisabled = `.${clsPrefix}-input-affix-wrapper-disabled`;\n  const affixClassFocused = `.${clsPrefix}-input-affix-wrapper-focused`;\n  const clearIcon = `.${clsPrefix}-input-clear-icon`;\n  const prefixIcon = `.${clsPrefix}-input-prefix`;\n  const suffixIcon = `.${clsPrefix}-input-suffix`;\n\n  const validationColor = getValidationStateColor(theme, validationState);\n\n  const focusSpecifier = useFocusWithin ? 'focus-within' : 'focus';\n\n  const styles = {\n    '&&': {\n      lineHeight: theme.typography.lineHeightBase,\n      minHeight: theme.general.heightSm,\n      ...(validationState && { borderColor: validationColor }),\n\n      '&:hover': {\n        borderColor: validationState ? validationColor : theme.colors.actionPrimaryBackgroundHover,\n      },\n\n      [`&:${focusSpecifier}`]: {\n        outlineColor: validationState ? validationColor : theme.colors.actionPrimaryBackgroundDefault,\n        outlineWidth: 2,\n        outlineOffset: -2,\n        outlineStyle: 'solid',\n        boxShadow: 'none',\n        borderColor: 'transparent',\n      },\n    },\n\n    [`&${inputClass}, ${inputClass}`]: {\n      ...(useTransparent && { backgroundColor: 'transparent' }),\n      '&:disabled': {\n        backgroundColor: theme.colors.actionDisabledBackground,\n        color: theme.colors.actionDisabledText,\n        borderColor: theme.colors.actionDisabledBorder,\n      },\n      '&::placeholder': {\n        color: theme.colors.textPlaceholder,\n      },\n    },\n\n    [`&${affixClass}`]: {\n      ...(useTransparent && { backgroundColor: 'transparent' }),\n      lineHeight: theme.typography.lineHeightBase,\n      paddingTop: 5,\n      paddingBottom: 5,\n      minHeight: theme.general.heightSm,\n\n      '::before': {\n        lineHeight: theme.typography.lineHeightBase,\n      },\n\n      '&:hover': {\n        borderColor: theme.colors.actionPrimaryBackgroundHover,\n      },\n\n      [`input.${clsPrefix}-input`]: {\n        borderRadius: 0,\n      },\n    },\n\n    [`&${affixClassDisabled}`]: {\n      backgroundColor: theme.colors.actionDisabledBackground,\n    },\n\n    [`&${affixClassFocused}`]: {\n      boxShadow: 'none',\n      [`&&, &:${focusSpecifier}`]: {\n        outlineColor: theme.colors.actionPrimaryBackgroundDefault,\n        outlineWidth: 2,\n        outlineOffset: -2,\n        outlineStyle: 'solid',\n        boxShadow: 'none',\n        borderColor: 'transparent',\n      },\n    },\n\n    [clearIcon]: {\n      fontSize: theme.typography.fontSizeSm,\n    },\n\n    [prefixIcon]: {\n      marginRight: theme.spacing.sm,\n      color: theme.colors.textSecondary,\n    },\n\n    [suffixIcon]: {\n      marginLeft: theme.spacing.sm,\n      color: theme.colors.textSecondary,\n    },\n\n    ...getAnimationCss(theme.options.enableAnimation),\n  };\n\n  return styles;\n};\n\nexport const getInputEmotionStyles = (\n  clsPrefix: string,\n  theme: Theme,\n  { validationState }: { validationState?: ValidationState },\n  useTransparent?: boolean,\n): SerializedStyles => {\n  const styles = getInputStyles(clsPrefix, theme, { validationState }, { useTransparent });\n  return css(importantify(styles));\n};\n\nexport const Input = forwardRef<AntDInput, InputProps>(function Input(\n  {\n    validationState,\n    autoComplete = 'off',\n    dangerouslySetAntdProps,\n    dangerouslyAppendEmotionCSS,\n    onChange,\n    onClear,\n    onFocus,\n    componentId,\n    analyticsEvents,\n    ...props\n  },\n  ref,\n) {\n  const { classNamePrefix, theme } = useDesignSystemTheme();\n  const useTransparent = safex('databricks.fe.designsystem.useTransparentInput', false);\n  const eventContext = useDesignSystemEventComponentCallbacks({\n    componentType: DesignSystemEventProviderComponentTypes.Input,\n    componentId,\n    analyticsEvents: analyticsEvents ?? [DesignSystemEventProviderAnalyticsEventTypes.OnValueChange],\n    valueHasNoPii: false,\n  });\n\n  // Prevents multiple onValueChange triggers until after a focus event resets it.\n  const { callbackOnceUntilReset: sendAnalyticsEventOncePerFocus, reset: resetSendAnalyticsEventOnFocus } =\n    useCallbackOnceUntilReset(eventContext.onValueChange);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      sendAnalyticsEventOncePerFocus();\n      // If the input is cleared, call the onClear handler, but only\n      // if the event is not an input event -- which is the case when you click the\n      // ant-provided (X) button.\n      if (!e.target.value && e.nativeEvent instanceof InputEvent === false && onClear) {\n        onClear?.();\n      } else {\n        onChange?.(e);\n      }\n    },\n    [onChange, onClear, sendAnalyticsEventOncePerFocus],\n  );\n\n  const handleFocus = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      resetSendAnalyticsEventOnFocus();\n      onFocus?.(e);\n    },\n    [onFocus, resetSendAnalyticsEventOnFocus],\n  );\n\n  return (\n    <DesignSystemAntDConfigProvider>\n      <AntDInput\n        {...addDebugOutlineIfEnabled()}\n        autoComplete={autoComplete}\n        data-validation={validationState}\n        ref={ref}\n        css={[\n          getInputEmotionStyles(classNamePrefix, theme, { validationState }, useTransparent),\n          dangerouslyAppendEmotionCSS,\n        ]}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        {...props}\n        {...dangerouslySetAntdProps}\n      />\n    </DesignSystemAntDConfigProvider>\n  );\n});\n","import { Input as AntDInput } from 'antd';\nimport React, { forwardRef } from 'react';\n\nimport { getInputEmotionStyles } from './Input';\nimport type { PasswordProps } from './common';\nimport { DesignSystemAntDConfigProvider } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../Hooks/useDesignSystemTheme';\nimport { addDebugOutlineIfEnabled } from '../utils/debug';\nimport { safex } from '../utils/safex';\n\nexport const Password: React.FC<PasswordProps> = forwardRef<AntDInput, PasswordProps>(function Password(\n  { validationState, autoComplete = 'off', dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, ...props },\n  ref,\n) {\n  const { classNamePrefix, theme } = useDesignSystemTheme();\n  const useTransparent = safex('databricks.fe.designsystem.useTransparentInput', false);\n\n  return (\n    <DesignSystemAntDConfigProvider>\n      <AntDInput.Password\n        {...addDebugOutlineIfEnabled()}\n        visibilityToggle={false}\n        ref={ref}\n        autoComplete={autoComplete}\n        css={[\n          getInputEmotionStyles(classNamePrefix, theme, { validationState }, useTransparent),\n          dangerouslyAppendEmotionCSS,\n        ]}\n        {...props}\n        {...dangerouslySetAntdProps}\n      />\n    </DesignSystemAntDConfigProvider>\n  );\n});\n","import { Input as AntDInput } from 'antd';\nimport type { TextAreaRef } from 'antd/lib/input/TextArea';\nimport { forwardRef, useCallback } from 'react';\n\nimport { getInputEmotionStyles } from './Input';\nimport type { TextAreaProps } from './common';\nimport {\n  DesignSystemEventProviderAnalyticsEventTypes,\n  DesignSystemEventProviderComponentTypes,\n  useDesignSystemEventComponentCallbacks,\n} from '../DesignSystemEventProvider/DesignSystemEventProvider';\nimport { DesignSystemAntDConfigProvider } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../Hooks/useDesignSystemTheme';\nimport { addDebugOutlineIfEnabled } from '../utils/debug';\nimport { safex } from '../utils/safex';\nimport { useCallbackOnceUntilReset } from '../utils/useCallbackOnceUntilReset';\n\nexport const TextArea = forwardRef<TextAreaRef, TextAreaProps>(function TextArea(\n  {\n    validationState,\n    autoComplete = 'off',\n    dangerouslySetAntdProps,\n    dangerouslyAppendEmotionCSS,\n    componentId,\n    analyticsEvents,\n    onChange,\n    onFocus,\n    ...props\n  },\n  ref,\n) {\n  const { classNamePrefix, theme } = useDesignSystemTheme();\n  const useTransparent = safex('databricks.fe.designsystem.useTransparentInput', false);\n  const eventContext = useDesignSystemEventComponentCallbacks({\n    componentType: DesignSystemEventProviderComponentTypes.TextArea,\n    componentId,\n    analyticsEvents: analyticsEvents ?? [DesignSystemEventProviderAnalyticsEventTypes.OnValueChange],\n    valueHasNoPii: false,\n  });\n\n  // Prevents multiple onValueChange triggers until after a focus event resets it.\n  const { callbackOnceUntilReset: sendAnalyticsEventOncePerFocus, reset: resetSendAnalyticsEventOnFocus } =\n    useCallbackOnceUntilReset(eventContext.onValueChange);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      sendAnalyticsEventOncePerFocus();\n      onChange?.(e);\n    },\n    [onChange, sendAnalyticsEventOncePerFocus],\n  );\n\n  const handleFocus = useCallback(\n    (e: React.FocusEvent<HTMLTextAreaElement>) => {\n      resetSendAnalyticsEventOnFocus();\n      onFocus?.(e);\n    },\n    [onFocus, resetSendAnalyticsEventOnFocus],\n  );\n\n  return (\n    <DesignSystemAntDConfigProvider>\n      <AntDInput.TextArea\n        {...addDebugOutlineIfEnabled()}\n        ref={ref}\n        autoComplete={autoComplete}\n        css={[\n          getInputEmotionStyles(classNamePrefix, theme, { validationState }, useTransparent),\n          dangerouslyAppendEmotionCSS,\n        ]}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        {...props}\n        {...dangerouslySetAntdProps}\n      />\n    </DesignSystemAntDConfigProvider>\n  );\n});\n","import { Group } from './Group';\nimport { Input as OriginalInput, getInputStyles } from './Input';\nimport { Password } from './Password';\nimport { TextArea } from './TextArea';\n\nexport * from './common';\n\n// Properly creates the namespace and dot-notation components with correct types.\nconst InputNamespace = /* #__PURE__ */ Object.assign(OriginalInput, { TextArea, Password, Group });\n\nconst Input = InputNamespace;\n\nexport { Input, getInputStyles };\n"],"names":["SvgChevronLeftIcon","props","_jsx","xmlns","width","height","fill","viewBox","children","fillRule","d","clipRule","ChevronLeftIcon","forwardRef","forwardedRef","Icon","ref","component","displayName","SvgChevronRightIcon","ChevronRightIcon","SvgClockIcon","_jsxs","ClockIcon","SvgCloseSmallIcon","CloseSmallIcon","SvgMegaphoneIcon","MegaphoneIcon","SvgPlusIcon","PlusIcon","getInputGroupStyling","clsPrefix","theme","inputClass","buttonClass","css","display","flexGrow","border","background","colors","actionDisabledBackground","borderRight","actionDisabledBorder","marginRight","verticalAlign","borderLeft","backgroundColor","color","actionDisabledText","process","env","NODE_ENV","Group","_ref","dangerouslySetAntdProps","dangerouslyAppendEmotionCSS","compact","classNamePrefix","useDesignSystemTheme","DesignSystemAntDConfigProvider","AntDInput","addDebugOutlineIfEnabled","useCallbackOnceUntilReset","callback","canTriggerRef","useRef","reset","useCallback","current","callbackOnceUntilReset","getInputStyles","_ref2","validationState","useTransparent","useFocusWithin","affixClass","affixClassDisabled","affixClassFocused","clearIcon","prefixIcon","suffixIcon","validationColor","getValidationStateColor","focusSpecifier","styles","lineHeight","typography","lineHeightBase","minHeight","general","heightSm","borderColor","actionPrimaryBackgroundHover","outlineColor","actionPrimaryBackgroundDefault","outlineWidth","outlineOffset","outlineStyle","boxShadow","textPlaceholder","paddingTop","paddingBottom","borderRadius","fontSize","fontSizeSm","spacing","sm","textSecondary","marginLeft","getAnimationCss","options","enableAnimation","getInputEmotionStyles","_ref3","importantify","Input","_ref4","autoComplete","onChange","onClear","onFocus","componentId","analyticsEvents","safex","eventContext","useDesignSystemEventComponentCallbacks","componentType","DesignSystemEventProviderComponentTypes","DesignSystemEventProviderAnalyticsEventTypes","OnValueChange","valueHasNoPii","sendAnalyticsEventOncePerFocus","resetSendAnalyticsEventOnFocus","onValueChange","handleChange","e","target","value","nativeEvent","InputEvent","handleFocus","Password","visibilityToggle","TextArea","InputNamespace","Object","assign","OriginalInput"],"mappings":"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"}

package/dist/index-dark.css

@@ -15851,7 +15851,7 @@ span.du-bois-dark-typography-ellipsis-single-line {
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 
 [data-dubois-show-outline] {
-  outline: 1px dashed red !important;
+  outline: 1px dashed #308613 !important;
   outline-offset: 2px !important;
 }
 /* stylelint-disable no-duplicate-selectors */
@@ -16418,3 +16418,25 @@ span.du-bois-dark-typography-ellipsis-single-line {
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+
+.du-bois-light-typography a {
+  color: #2272b4;
+}
+.du-bois-light-typography a:hover {
+  color: #0e538b;
+}
+.du-bois-light-typography a:focus {
+  color: #04355d;
+}
+.du-bois-dark-typography a {
+  color: #4299e0;
+}
+.du-bois-dark-typography a:hover {
+  color: #8acaff;
+}
+.du-bois-dark-typography a:focus {
+  color: #bae1fc;
+}
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

package/dist/index.css

@@ -15567,7 +15567,7 @@ span.du-bois-light-typography-ellipsis-single-line {
 }
 
 [data-dubois-show-outline] {
-  outline: 1px dashed red !important;
+  outline: 1px dashed #308613 !important;
   outline-offset: 2px !important;
 }
 
@@ -16035,3 +16035,22 @@ span.du-bois-light-typography-ellipsis-single-line {
   font-size: 13px;
   margin-bottom: 0;
 }
+
+.du-bois-light-typography a {
+  color: #2272b4;
+}
+.du-bois-light-typography a:hover {
+  color: #0e538b;
+}
+.du-bois-light-typography a:focus {
+  color: #04355d;
+}
+.du-bois-dark-typography a {
+  color: #4299e0;
+}
+.du-bois-dark-typography a:hover {
+  color: #8acaff;
+}
+.du-bois-dark-typography a:focus {
+  color: #bae1fc;
+}