@splunk/themes 1.4.1 → 1.6.0

package/types/design-tokens/elevation.d.ts

@@ -3,7 +3,7 @@
  * Used to position elements in the z-axis.
  * If a variable does not suit your purpose, set a value relatively, such as `zindexModal +1`.
  *
- * @categoryValue
+ * @category number
  */
 declare const zIndexes: {
     zindexLayer: number;
@@ -16,7 +16,7 @@ declare const zIndexes: {
 /**
  * #### Shadows
  *
- * @categoryShadow
+ * @category shadow
  */
 declare const elevationShadows: {
     embossShadow: string;
@@ -25,7 +25,6 @@ declare const elevationShadows: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    draggableBackground: string;
 };
 declare const elevation: {
     embossShadow: string;
@@ -34,7 +33,6 @@ declare const elevation: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;

package/types/design-tokens/index.d.ts

@@ -210,6 +210,7 @@ declare const designTokens: {
     static19: string;
     static20: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -250,7 +251,6 @@ declare const designTokens: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
@@ -461,6 +461,7 @@ declare const designTokens: {
     syntaxGreenLight: string;
     syntaxPurpleLight: string;
     syntaxRedLight: string;
+    draggableBackground: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;

package/types/design-tokens/spacing-sizing.d.ts

@@ -6,7 +6,8 @@
  * Just because a spacing token is equal to a pixel value you may need, it does not mean it's appropriate to
  * use the spacing variables.
  *
- * @categorySpacing
+ * @category dimension
+ * @previewType spacing
  */
 declare const spacing: {
     spacingXSmall: string;
@@ -20,7 +21,8 @@ declare const spacing: {
 /**
  * #### Measures
  *
- * @categoryValue
+ * @category dimension
+ * @previewType spacing
  */
 declare const measures: {
     borderRadius: string;

package/types/design-tokens/typography.d.ts

@@ -1,7 +1,7 @@
 /**
  * #### Font family
  *
- * @categoryFont
+ * @category fontFamily
  */
 declare const fontFamily: {
     fontFamily: string;
@@ -16,7 +16,7 @@ declare const fontFamily: {
 /**
  * #### Font weight
  *
- * @categoryFont
+ * @category fontWeight
  */
 declare const fontWeight: {
     fontWeightLight: number;
@@ -29,7 +29,8 @@ declare const fontWeight: {
 /**
  * #### Font size
  *
- * @categoryFont
+ * @category dimension
+ * @previewType font
  */
 declare const fontSize: {
     fontSizeSmall: string;
@@ -41,14 +42,23 @@ declare const fontSize: {
 /**
  * #### Font measures
  *
- * @categoryValue
+ * @category number
  */
 declare const fontMeasures: {
     /**
      * Use to improve readability and [accessibility](https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html)
      * in blocks of text by preventing overly long lines.
+     *
+     * @category dimension
+     * @previewType none
      */
     lineLength: string;
+    /**
+     * Minimum line length for optimal readability.
+     * @category dimension
+     * @previewType none
+     */
+    lineLengthMinimum: string;
     /**
      * Default line height.
      */
@@ -84,8 +94,17 @@ declare const typography: {
     /**
      * Use to improve readability and [accessibility](https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html)
      * in blocks of text by preventing overly long lines.
+     *
+     * @category dimension
+     * @previewType none
      */
     lineLength: string;
+    /**
+     * Minimum line length for optimal readability.
+     * @category dimension
+     * @previewType none
+     */
+    lineLengthMinimum: string;
     /**
      * Default line height.
      */

package/types/enterprise/dark.d.ts

@@ -1,5 +1,4 @@
 declare const theme: {
-    draggableBackground: string;
     contentColorInfo: string;
     contentColorWarning: string;
     contentColorPositive: string;
@@ -39,6 +38,7 @@ declare const theme: {
     statusColorCritical: string;
     statusColorCriticalWeak: string;
     statusColorCriticalStrong: string;
+    draggableBackground: string;
     interactiveColorBorder: string;
     interactiveColorBorderActive: string;
     interactiveColorBorderHover: string;
@@ -510,6 +510,7 @@ declare const theme: {
     zindexPopover: number;
     zindexToastMessages: number;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;

package/types/enterprise/light.d.ts

@@ -170,6 +170,7 @@ declare const theme: {
     syntaxGreenLight: string;
     syntaxPurpleLight: string;
     syntaxRedLight: string;
+    draggableBackground: string;
     highLow4LHigh: string;
     highLow4LLow: string;
     highLow4DHigh: string;
@@ -409,6 +410,7 @@ declare const theme: {
     contentColorNegative: string;
     contentColorNegativeWeak: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -435,7 +437,6 @@ declare const theme: {
     monoFontFamily: string;
     focusShadow: string;
     focusShadowInset: string;
-    draggableBackground: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;

package/types/mixins/prose.d.ts

@@ -29,12 +29,12 @@ type ProseConfiguration = {
  * @name prose
  * @kind function
  *
- * @param {object} [elementSelectors]
+ * @public
+ *
+ * @param {Object} [options] The options object.
+ * @param {Object} [options.elementSelectors]
  * By default, all elements are selected by their html tag using `*:is(<tag>)`;
  * override that selector by setting `elementSelectors`.
- *
- * For example, paragraph elements are styled with the selector `*:where(p)` but that can be overridden:
- * e.g. prose({ elementSelectors: { p: '.foo' }}) will instead style `p` elements that match `*:where(.foo)`
  */
 declare function prose<T extends AnyTheme, A extends ThemedProps>({ elementSelectors, }?: ProseConfiguration): Interpolation<T, A>;
 export default prose;

package/types/prisma/base.d.ts

@@ -4,13 +4,13 @@ declare function createPrismaBase({ colorScheme }: {
 }): {
     linkColor: string;
     hoverShadow: string;
+    draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
     zindexModal: number;
     zindexPopover: number;
     zindexToastMessages: number;
-    draggableBackground: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;
@@ -222,6 +222,7 @@ declare function createPrismaBase({ colorScheme }: {
     static20: string;
     focusColor: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;

package/types/splunk-magnetic/index.d.ts

@@ -304,6 +304,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     syntaxGreenLight: string;
     syntaxPurpleLight: string;
     syntaxRedLight: string;
+    draggableBackground: string;
     highLow4LHigh: string;
     highLow4LLow: string;
     highLow4DHigh: string;
@@ -500,6 +501,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorAccentWeak: string;
     contentColorNegativeWeak: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -521,7 +523,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightExtraBold: number;
     serifFontFamily: string;
     focusShadowInset: string;
-    draggableBackground: string;
     dragShadow: string;
     severityColorCustom: string;
     severityColorUnknown: string;
@@ -896,6 +897,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     syntaxGreenLight: string;
     syntaxPurpleLight: string;
     syntaxRedLight: string;
+    draggableBackground: string;
     highLow4LHigh: string;
     highLow4LLow: string;
     highLow4DHigh: string;
@@ -1092,6 +1094,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorAccentWeak: string;
     contentColorNegativeWeak: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -1113,7 +1116,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontWeightExtraBold: number;
     serifFontFamily: string;
     focusShadowInset: string;
-    draggableBackground: string;
     dragShadow: string;
     severityColorCustom: string;
     severityColorUnknown: string;
@@ -1330,7 +1332,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontFamilyTitle: string;
     sansFontFamily: string;
     monoFontFamily: string;
-    draggableBackground: string;
     contentColorInfo: string;
     contentColorWarning: string;
     contentColorPositive: string;
@@ -1357,6 +1358,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorCritical: string;
     statusColorCriticalWeak: string;
     statusColorCriticalStrong: string;
+    draggableBackground: string;
     interactiveColorBorderActive: string;
     interactiveColorOverlaySelected: string;
     interactiveColorOverlayHover: string;
@@ -1711,6 +1713,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexPopover: number;
     zindexToastMessages: number;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -1924,7 +1927,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontFamilyTitle: string;
     sansFontFamily: string;
     monoFontFamily: string;
-    draggableBackground: string;
     contentColorInfo: string;
     contentColorWarning: string;
     contentColorPositive: string;
@@ -1951,6 +1953,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorCritical: string;
     statusColorCriticalWeak: string;
     statusColorCriticalStrong: string;
+    draggableBackground: string;
     interactiveColorBorderActive: string;
     interactiveColorOverlaySelected: string;
     interactiveColorOverlayHover: string;
@@ -2305,6 +2308,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexPopover: number;
     zindexToastMessages: number;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -2519,13 +2523,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     sansFontFamily: string;
     monoFontFamily: string;
     hoverShadow: string;
+    draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
     zindexModal: number;
     zindexPopover: number;
     zindexToastMessages: number;
-    draggableBackground: string;
     focusShadowInset: string;
     highLow4LHigh: string;
     highLow4LLow: string;
@@ -2704,6 +2708,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     static19: string;
     static20: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;
@@ -2940,13 +2945,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     sansFontFamily: string;
     monoFontFamily: string;
     hoverShadow: string;
+    draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
     zindexModal: number;
     zindexPopover: number;
     zindexToastMessages: number;
-    draggableBackground: string;
     focusShadowInset: string;
     highLow4LHigh: string;
     highLow4LLow: string;
@@ -3125,6 +3130,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     static19: string;
     static20: string;
     lineLength: string;
+    lineLengthMinimum: string;
     lineHeight: string;
     lineHeightSingle: string;
     lineHeightTight: string;