@elastic/eui-theme-common 10.0.0 → 10.1.0

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 (9) hide show
  1. package/lib/cjs/global_styling/variables/borders.d.ts +22 -0
  2. package/lib/cjs/global_styling/variables/colors.d.ts +9 -0
  3. package/lib/cjs/global_styling/variables/typography.d.ts +4 -0
  4. package/lib/esm/global_styling/variables/borders.d.ts +22 -0
  5. package/lib/esm/global_styling/variables/colors.d.ts +9 -0
  6. package/lib/esm/global_styling/variables/typography.d.ts +4 -0
  7. package/package.json +1 -1
  8. package/src/global_styling/variables/_borders.scss +5 -1
  9. package/src/global_styling/variables/_form.scss +2 -2
package/lib/cjs/global_styling/variables/borders.d.ts CHANGED
@@ -14,15 +14,37 @@ export interface _EuiThemeBorderWidthValues {
14
14
  }
15
15
  export interface _EuiThemeBorderRadiusValues {
16
16
  /**
17
+ * @deprecated - use a semantic token instead (e.g. `inline`, `control`, `panel`, or `frame`)
17
18
  * Primary corner radius size
18
19
  * - Default value: 4px
19
20
  */
20
21
  medium: CSSProperties['borderRadius'];
21
22
  /**
23
+ * @deprecated - use a semantic token instead (e.g. `inline`, `control`, `panel`, or `frame`)
22
24
  * Small corner radius size
23
25
  * - Default value: 4px
24
26
  */
25
27
  small: CSSProperties['borderRadius'];
28
+ /**
29
+ * Inline or text-adjacent content (e.g. skeleton bars, swatches, inline code)
30
+ * - Default value: 4px
31
+ */
32
+ inline: CSSProperties['borderRadius'];
33
+ /**
34
+ * Controls and form elements (e.g. buttons, inputs)
35
+ * - Default value: 8px
36
+ */
37
+ control: CSSProperties['borderRadius'];
38
+ /**
39
+ * Panels, cards, and popovers
40
+ * - Default value: 12px
41
+ */
42
+ panel: CSSProperties['borderRadius'];
43
+ /**
44
+ * App or layout layer (e.g. framed shell, side nav)
45
+ * - Default value: 16px
46
+ */
47
+ frame: CSSProperties['borderRadius'];
26
48
  }
27
49
  export interface _EuiThemeBorderColorValues {
28
50
  /**
package/lib/cjs/global_styling/variables/colors.d.ts CHANGED
@@ -122,6 +122,7 @@ export declare type _EuiThemeTextColors = {
122
122
  subduedText: ColorModeSwitch;
123
123
  /**
124
124
  * Computed against `colors.textPrimary`
125
+ * @deprecated - use semantic text or component tokens instead
125
126
  */
126
127
  link: ColorModeSwitch;
127
128
  textParagraph: ColorModeSwitch;
@@ -169,6 +170,14 @@ export declare type _EuiThemeBackgroundColors = {
169
170
  backgroundBaseRisk: ColorModeSwitch;
170
171
  backgroundBaseDanger: ColorModeSwitch;
171
172
  backgroundBaseAssistance: ColorModeSwitch;
173
+ /**
174
+ * Intermediate layer between page layer and raised surfaces.
175
+ * Use sparingly. Prefer `backgroundBasePlain` or `backgroundBaseSubdued` for general UI.
176
+ */
177
+ backgroundBaseRecessed: ColorModeSwitch;
178
+ /**
179
+ * Secondary or inner surface (e.g. nested steps, secondary nav)
180
+ */
172
181
  backgroundBaseSubdued: ColorModeSwitch;
173
182
  backgroundBasePlain: ColorModeSwitch;
174
183
  backgroundBaseDisabled: ColorModeSwitch;
package/lib/cjs/global_styling/variables/typography.d.ts CHANGED
@@ -80,6 +80,10 @@ export interface _EuiThemeTitle {
80
80
  * A font weight key for setting the base weight for titles and headings
81
81
  */
82
82
  weight: keyof _EuiThemeFontWeights;
83
+ /**
84
+ * Letter-spacing applied to titles and headings
85
+ */
86
+ letterSpacing: CSSProperties['letterSpacing'];
83
87
  }
84
88
  export declare type _EuiThemeFont = _EuiThemeFontBase & {
85
89
  scale: _EuiThemeFontScales;
package/lib/esm/global_styling/variables/borders.d.ts CHANGED
@@ -14,15 +14,37 @@ export interface _EuiThemeBorderWidthValues {
14
14
  }
15
15
  export interface _EuiThemeBorderRadiusValues {
16
16
  /**
17
+ * @deprecated - use a semantic token instead (e.g. `inline`, `control`, `panel`, or `frame`)
17
18
  * Primary corner radius size
18
19
  * - Default value: 4px
19
20
  */
20
21
  medium: CSSProperties['borderRadius'];
21
22
  /**
23
+ * @deprecated - use a semantic token instead (e.g. `inline`, `control`, `panel`, or `frame`)
22
24
  * Small corner radius size
23
25
  * - Default value: 4px
24
26
  */
25
27
  small: CSSProperties['borderRadius'];
28
+ /**
29
+ * Inline or text-adjacent content (e.g. skeleton bars, swatches, inline code)
30
+ * - Default value: 4px
31
+ */
32
+ inline: CSSProperties['borderRadius'];
33
+ /**
34
+ * Controls and form elements (e.g. buttons, inputs)
35
+ * - Default value: 8px
36
+ */
37
+ control: CSSProperties['borderRadius'];
38
+ /**
39
+ * Panels, cards, and popovers
40
+ * - Default value: 12px
41
+ */
42
+ panel: CSSProperties['borderRadius'];
43
+ /**
44
+ * App or layout layer (e.g. framed shell, side nav)
45
+ * - Default value: 16px
46
+ */
47
+ frame: CSSProperties['borderRadius'];
26
48
  }
27
49
  export interface _EuiThemeBorderColorValues {
28
50
  /**
package/lib/esm/global_styling/variables/colors.d.ts CHANGED
@@ -122,6 +122,7 @@ export declare type _EuiThemeTextColors = {
122
122
  subduedText: ColorModeSwitch;
123
123
  /**
124
124
  * Computed against `colors.textPrimary`
125
+ * @deprecated - use semantic text or component tokens instead
125
126
  */
126
127
  link: ColorModeSwitch;
127
128
  textParagraph: ColorModeSwitch;
@@ -169,6 +170,14 @@ export declare type _EuiThemeBackgroundColors = {
169
170
  backgroundBaseRisk: ColorModeSwitch;
170
171
  backgroundBaseDanger: ColorModeSwitch;
171
172
  backgroundBaseAssistance: ColorModeSwitch;
173
+ /**
174
+ * Intermediate layer between page layer and raised surfaces.
175
+ * Use sparingly. Prefer `backgroundBasePlain` or `backgroundBaseSubdued` for general UI.
176
+ */
177
+ backgroundBaseRecessed: ColorModeSwitch;
178
+ /**
179
+ * Secondary or inner surface (e.g. nested steps, secondary nav)
180
+ */
172
181
  backgroundBaseSubdued: ColorModeSwitch;
173
182
  backgroundBasePlain: ColorModeSwitch;
174
183
  backgroundBaseDisabled: ColorModeSwitch;
package/lib/esm/global_styling/variables/typography.d.ts CHANGED
@@ -80,6 +80,10 @@ export interface _EuiThemeTitle {
80
80
  * A font weight key for setting the base weight for titles and headings
81
81
  */
82
82
  weight: keyof _EuiThemeFontWeights;
83
+ /**
84
+ * Letter-spacing applied to titles and headings
85
+ */
86
+ letterSpacing: CSSProperties['letterSpacing'];
83
87
  }
84
88
  export declare type _EuiThemeFont = _EuiThemeFontBase & {
85
89
  scale: _EuiThemeFontScales;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elastic/eui-theme-common",
3
- "version": "10.0.0",
3
+ "version": "10.1.0",
4
4
  "description": "EUI theme common",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "scripts": {
package/src/global_styling/variables/_borders.scss CHANGED
@@ -4,8 +4,12 @@ $euiBorderWidthThin: 1px !default;
4
4
  $euiBorderWidthThick: 2px !default;
5
5
 
6
6
  $euiBorderColor: $euiColorBorderBaseSubdued !default;
7
- $euiBorderRadius: $euiSizeS * .75 !default;
7
+ $euiBorderRadius: $euiSizeS * .5 !default;
8
8
  $euiBorderRadiusSmall: $euiSizeS * .5 !default;
9
+ $euiBorderRadiusInline: $euiSizeS * .5 !default;
10
+ $euiBorderRadiusControl: $euiSizeS !default;
11
+ $euiBorderRadiusPanel: $euiSizeS * 1.5 !default;
12
+ $euiBorderRadiusFrame: $euiSize !default;
9
13
  $euiBorderThick: $euiBorderWidthThick solid $euiBorderColor !default;
10
14
  $euiBorderThin: $euiBorderWidthThin solid $euiBorderColor !default;
11
15
  $euiBorderEditable: $euiBorderWidthThick dotted $euiBorderColor !default;
package/src/global_styling/variables/_form.scss CHANGED
@@ -4,5 +4,5 @@ $euiFormControlHeight: $euiSizeXXL !default;
4
4
  $euiFormControlCompressedHeight: $euiSizeXL !default;
5
5
  $euiFormControlPadding: $euiSizeM !default;
6
6
  $euiFormControlCompressedPadding: $euiSizeS !default;
7
- $euiFormControlBorderRadius: $euiBorderRadius !default;
8
- $euiFormControlCompressedBorderRadius: $euiBorderRadiusSmall !default;
7
+ $euiFormControlBorderRadius: $euiBorderRadiusControl !default;
8
+ $euiFormControlCompressedBorderRadius: $euiBorderRadiusControl !default;