@elastic/eui-theme-common 0.0.7 → 0.0.9-snapshot.1741113124250
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.
- package/lib/cjs/global_styling/functions/index.d.ts +1 -0
- package/lib/cjs/global_styling/functions/index.d.ts.map +1 -1
- package/lib/cjs/global_styling/functions/index.js +11 -0
- package/lib/cjs/global_styling/functions/index.js.map +1 -1
- package/lib/cjs/global_styling/functions/shadows.d.ts +3 -0
- package/lib/cjs/global_styling/functions/shadows.d.ts.map +1 -0
- package/lib/cjs/global_styling/functions/shadows.js +25 -0
- package/lib/cjs/global_styling/functions/shadows.js.map +1 -0
- package/lib/cjs/global_styling/index.d.ts +2 -1
- package/lib/cjs/global_styling/index.d.ts.map +1 -1
- package/lib/cjs/global_styling/index.js +12 -1
- package/lib/cjs/global_styling/index.js.map +1 -1
- package/lib/cjs/global_styling/mixins/index.d.ts +2 -0
- package/lib/cjs/global_styling/mixins/index.d.ts.map +1 -0
- package/lib/cjs/global_styling/mixins/index.js +17 -0
- package/lib/cjs/global_styling/mixins/index.js.map +1 -0
- package/lib/cjs/global_styling/mixins/shadow.d.ts +41 -0
- package/lib/cjs/global_styling/mixins/shadow.d.ts.map +1 -0
- package/lib/cjs/global_styling/mixins/shadow.js +140 -0
- package/lib/cjs/global_styling/mixins/shadow.js.map +1 -0
- package/lib/cjs/global_styling/variables/_breakpoint.d.ts +3 -0
- package/lib/cjs/global_styling/variables/_breakpoint.d.ts.map +1 -0
- package/lib/cjs/global_styling/variables/_breakpoint.js +22 -0
- package/lib/cjs/global_styling/variables/_breakpoint.js.map +1 -0
- package/lib/cjs/global_styling/variables/borders.d.ts +1 -1
- package/lib/cjs/global_styling/variables/borders.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/borders.js.map +1 -1
- package/lib/cjs/global_styling/variables/buttons.d.ts +1 -1
- package/lib/cjs/global_styling/variables/buttons.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/buttons.js.map +1 -1
- package/lib/cjs/global_styling/variables/colors.d.ts +25 -1
- package/lib/cjs/global_styling/variables/colors.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/colors.js.map +1 -1
- package/lib/cjs/global_styling/variables/components.d.ts +4 -1
- package/lib/cjs/global_styling/variables/components.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/components.js.map +1 -1
- package/lib/cjs/global_styling/variables/forms.d.ts +1 -1
- package/lib/cjs/global_styling/variables/forms.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/forms.js.map +1 -1
- package/lib/cjs/global_styling/variables/index.d.ts +2 -0
- package/lib/cjs/global_styling/variables/index.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/index.js +11 -0
- package/lib/cjs/global_styling/variables/index.js.map +1 -1
- package/lib/cjs/global_styling/variables/states.d.ts +1 -1
- package/lib/cjs/global_styling/variables/states.d.ts.map +1 -1
- package/lib/cjs/global_styling/variables/states.js.map +1 -1
- package/lib/{esm/global_styling → cjs/services/theme}/types.d.ts +17 -11
- package/lib/cjs/services/theme/types.d.ts.map +1 -0
- package/lib/cjs/services/theme/types.js.map +1 -0
- package/lib/esm/global_styling/functions/index.d.ts +1 -0
- package/lib/esm/global_styling/functions/index.js +1 -0
- package/lib/esm/global_styling/functions/index.js.map +1 -1
- package/lib/esm/global_styling/functions/shadows.d.ts +2 -0
- package/lib/esm/global_styling/functions/shadows.js +17 -0
- package/lib/esm/global_styling/functions/shadows.js.map +1 -0
- package/lib/esm/global_styling/index.d.ts +2 -1
- package/lib/esm/global_styling/index.js +2 -1
- package/lib/esm/global_styling/index.js.map +1 -1
- package/lib/esm/global_styling/mixins/index.d.ts +1 -0
- package/lib/esm/global_styling/mixins/index.js +9 -0
- package/lib/esm/global_styling/mixins/index.js.map +1 -0
- package/lib/esm/global_styling/mixins/shadow.d.ts +40 -0
- package/lib/esm/global_styling/mixins/shadow.js +117 -0
- package/lib/esm/global_styling/mixins/shadow.js.map +1 -0
- package/lib/esm/global_styling/variables/_breakpoint.d.ts +2 -0
- package/lib/esm/global_styling/variables/_breakpoint.js +15 -0
- package/lib/esm/global_styling/variables/_breakpoint.js.map +1 -0
- package/lib/esm/global_styling/variables/borders.d.ts +1 -1
- package/lib/esm/global_styling/variables/buttons.d.ts +1 -1
- package/lib/esm/global_styling/variables/colors.d.ts +25 -1
- package/lib/esm/global_styling/variables/components.d.ts +4 -1
- package/lib/esm/global_styling/variables/forms.d.ts +1 -1
- package/lib/esm/global_styling/variables/index.d.ts +2 -0
- package/lib/esm/global_styling/variables/index.js +2 -0
- package/lib/esm/global_styling/variables/index.js.map +1 -1
- package/lib/esm/global_styling/variables/states.d.ts +1 -1
- package/lib/{cjs/global_styling → esm/services/theme}/types.d.ts +16 -12
- package/lib/esm/services/theme/types.js.map +1 -0
- package/package.json +6 -3
- package/src/global_styling/functions/_colors.scss +3 -3
- package/src/global_styling/mixins/_form.scss +3 -3
- package/src/global_styling/mixins/_shadow.scss +1 -1
- package/src/global_styling/mixins/_typography.scss +2 -2
- package/lib/cjs/global_styling/types.d.ts.map +0 -1
- package/lib/cjs/global_styling/types.js.map +0 -1
- package/lib/esm/global_styling/types.js.map +0 -1
- /package/lib/cjs/{global_styling → services/theme}/types.js +0 -0
- /package/lib/esm/{global_styling → services/theme}/types.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/global_styling/variables/colors.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch, StrictColorModeSwitch } from '../types';\n\n/**\n * Top 5 colors\n */\nexport type _EuiThemeBrandColors = {\n /**\n * Main brand color and used for most **call to actions** like buttons and links.\n */\n primary: ColorModeSwitch;\n /**\n * Pulls attention to key indicators like **notifications** or number of selections.\n */\n accent: ColorModeSwitch;\n /**\n * Secondary attention indicator with lower priority.\n */\n accentSecondary: ColorModeSwitch;\n /**\n * Used for **positive** messages/graphics and additive actions.\n */\n success: ColorModeSwitch;\n /**\n * Used for **warnings** and actions that have a potential to be destructive.\n */\n warning: ColorModeSwitch;\n /**\n * Used for **negative** messages/graphics like errors and destructive actions.\n */\n danger: ColorModeSwitch;\n};\n\n/**\n * Every brand color must have a contrast computed text equivelant\n */\nexport type _EuiThemeBrandTextColors = {\n /**\n * Typically computed against `colors.primary`\n * @deprecated - use `textPrimary` instead\n */\n primaryText: ColorModeSwitch;\n /**\n * Typically computed against `colors.accent`\n * @deprecated - use `textAccent` instead\n */\n accentText: ColorModeSwitch;\n /**\n * Typically computed against `colors.success`\n * @deprecated - use `textSuccess` instead\n */\n successText: ColorModeSwitch;\n /**\n * Typically computed against `colors.warning`\n * @deprecated - use `textWarning` instead\n */\n warningText: ColorModeSwitch;\n /**\n * Typically computed against `colors.danger`\n * @deprecated - use `textDanger` instead\n */\n dangerText: ColorModeSwitch;\n\n textPrimary: ColorModeSwitch;\n textAccent: ColorModeSwitch;\n textAccentSecondary: ColorModeSwitch;\n textSuccess: ColorModeSwitch;\n textWarning: ColorModeSwitch;\n textDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeShadeColors = {\n /**\n * Used as the background color of primary **page content and panels** including modals and flyouts.\n * @deprecated - use specific semantic color tokens instead\n */\n emptyShade: ColorModeSwitch;\n /**\n * Used to lightly shade areas that contain **secondary content** or contain panel-like components.\n * @deprecated - use specific semantic color tokens instead\n */\n lightestShade: ColorModeSwitch;\n /**\n * Used for most **borders** and dividers (horizontal rules).\n * @deprecated - use specific semantic color tokens instead\n */\n lightShade: ColorModeSwitch;\n /**\n * The middle gray for all themes; this is the base for `colors.subdued`.\n * @deprecated - use specific semantic color tokens instead\n */\n mediumShade: ColorModeSwitch;\n /**\n * Slightly subtle graphic color\n * @deprecated - use specific semantic color tokens instead\n */\n darkShade: ColorModeSwitch;\n /**\n * Used as the **text** color and the background color for **inverted components** like tooltips and the control bar.\n * @deprecated - use specific semantic color tokens instead\n */\n darkestShade: ColorModeSwitch;\n /**\n * The opposite of `emptyShade`\n * @deprecated - use specific semantic color tokens instead\n */\n fullShade: ColorModeSwitch;\n};\n\nexport type _EuiThemeTextColors = {\n /**\n * Computed against `colors.darkestShade`\n * @deprecated - use `textParagraph` instead\n */\n text: ColorModeSwitch;\n /**\n * Computed against `colors.text`\n * @deprecated - use `textHeading` instead\n */\n title: ColorModeSwitch;\n /**\n * Computed against `colors.mediumShade`\n * @deprecated - use `textSubdued` instead\n */\n subduedText: ColorModeSwitch;\n /**\n * Computed against `colors.primaryText`\n */\n link: ColorModeSwitch;\n\n textParagraph: ColorModeSwitch;\n textHeading: ColorModeSwitch;\n textSubdued: ColorModeSwitch;\n textDisabled: ColorModeSwitch;\n textInverse: ColorModeSwitch;\n};\n\nexport type _EuiThemeSpecialColors = {\n /**\n * The background color for the **whole window (body)** and is a computed value of `colors.lightestShade`.\n * Provides denominator (background) value for **contrast calculations**.\n * @deprecated - use backgroundBasePlain or backgroundBaseSubdued instead\n */\n body: ColorModeSwitch;\n /**\n * Used to **highlight text** when matching against search strings\n */\n highlight: ColorModeSwitch;\n /**\n * Computed against `colors.darkestShade`\n * @deprecated - use specific semantic tokens instead (e.g. backgroundBaseDisabled, borderBaseDisabled etc)\n */\n disabled: ColorModeSwitch;\n /**\n * Computed against `colors.disabled`\n * @deprecated - use textDisabled instead\n */\n disabledText: ColorModeSwitch;\n /**\n * The base color for shadows that gets `transparentized`\n * at a value based on the `colorMode` and then layered.\n */\n shadow: ColorModeSwitch;\n};\n\nexport type _EuiThemeBackgroundColors = {\n backgroundBasePrimary: ColorModeSwitch;\n backgroundBaseAccent: ColorModeSwitch;\n backgroundBaseAccentSecondary: ColorModeSwitch;\n backgroundBaseSuccess: ColorModeSwitch;\n backgroundBaseWarning: ColorModeSwitch;\n backgroundBaseDanger: ColorModeSwitch;\n backgroundBaseSubdued: ColorModeSwitch;\n backgroundBasePlain: ColorModeSwitch;\n backgroundBaseDisabled: ColorModeSwitch;\n backgroundBaseHighlighted: ColorModeSwitch;\n backgroundBaseFormsPrepend: ColorModeSwitch;\n backgroundBaseFormsControlDisabled: ColorModeSwitch;\n backgroundBaseInteractiveHover: ColorModeSwitch;\n backgroundBaseInteractiveSelect: ColorModeSwitch;\n backgroundBaseInteractiveOverlay: ColorModeSwitch;\n backgroundBaseSkeletonEdge: ColorModeSwitch;\n backgroundBaseSkeletonMiddle: ColorModeSwitch;\n\n backgroundLightPrimary: ColorModeSwitch;\n backgroundLightAccent: ColorModeSwitch;\n backgroundLightAccentSecondary: ColorModeSwitch;\n backgroundLightSuccess: ColorModeSwitch;\n backgroundLightWarning: ColorModeSwitch;\n backgroundLightDanger: ColorModeSwitch;\n backgroundLightText: ColorModeSwitch;\n\n backgroundFilledPrimary: ColorModeSwitch;\n backgroundFilledAccent: ColorModeSwitch;\n backgroundFilledAccentSecondary: ColorModeSwitch;\n backgroundFilledSuccess: ColorModeSwitch;\n backgroundFilledWarning: ColorModeSwitch;\n backgroundFilledDanger: ColorModeSwitch;\n backgroundFilledText: ColorModeSwitch;\n};\n\n/** TODO: remove once usages are re-mapped */\nexport type _EuiThemeTransparentBackgroundColors = {\n /** @deprecated - temp. token, was never in use */\n backgroundTransparent: string;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentPrimary: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentAccent: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentAccentSecondary: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentSuccess: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentWarning: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentDanger: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentSubdued: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentHighlighted: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentPlain: ColorModeSwitch;\n};\n\nexport type _EuiThemeBorderColors = {\n borderBasePrimary: ColorModeSwitch;\n borderBaseAccent: ColorModeSwitch;\n borderBaseAccentSecondary: ColorModeSwitch;\n borderBaseSuccess: ColorModeSwitch;\n borderBaseWarning: ColorModeSwitch;\n borderBaseDanger: ColorModeSwitch;\n\n borderBasePlain: ColorModeSwitch;\n borderBaseSubdued: ColorModeSwitch;\n borderBaseDisabled: ColorModeSwitch;\n borderBaseFloating: ColorModeSwitch;\n\n borderBaseFormsColorSwatch: ColorModeSwitch;\n borderBaseFormsControl: ColorModeSwitch;\n\n borderStrongPrimary: ColorModeSwitch;\n borderStrongAccent: ColorModeSwitch;\n borderStrongAccentSecondary: ColorModeSwitch;\n borderStrongSuccess: ColorModeSwitch;\n borderStrongWarning: ColorModeSwitch;\n borderStrongDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeVisColors = {\n euiColorVis0: string;\n euiColorVis1: string;\n euiColorVis2: string;\n euiColorVis3: string;\n euiColorVis4: string;\n euiColorVis5: string;\n euiColorVis6: string;\n euiColorVis7: string;\n euiColorVis8: string;\n euiColorVis9: string;\n\n euiColorVisAsTextLight0: string;\n euiColorVisAsTextLight1: string;\n euiColorVisAsTextLight2: string;\n euiColorVisAsTextLight3: string;\n euiColorVisAsTextLight4: string;\n euiColorVisAsTextLight5: string;\n euiColorVisAsTextLight6: string;\n\n euiColorVisAsTextDark0: string;\n euiColorVisAsTextDark1: string;\n euiColorVisAsTextDark2: string;\n euiColorVisAsTextDark3: string;\n euiColorVisAsTextDark4: string;\n euiColorVisAsTextDark5: string;\n euiColorVisAsTextDark6: string;\n\n euiColorVisSuccess0: string;\n euiColorVisSuccess1: string;\n euiColorVisWarning0: string;\n euiColorVisDanger0: string;\n euiColorVisDanger1: string;\n\n euiColorVisNeutral0: string;\n\n euiColorSeverity0: string;\n euiColorSeverity1: string;\n euiColorSeverity2: string;\n euiColorSeverity3: string;\n euiColorSeverity4: string;\n euiColorSeverity5: string;\n euiColorSeverity6: string;\n euiColorSeverity7: string;\n euiColorSeverity8: string;\n euiColorSeverity9: string;\n euiColorSeverity10: string;\n euiColorSeverity11: string;\n euiColorSeverity12: string;\n euiColorSeverity13: string;\n euiColorSeverity14: string;\n\n euiColorVisGrey0: string;\n euiColorVisGrey1: string;\n euiColorVisGrey2: string;\n euiColorVisGrey3: string;\n\n euiColorVisWarm0: string;\n euiColorVisWarm1: string;\n euiColorVisWarm2: string;\n\n euiColorVisCool0: string;\n euiColorVisCool1: string;\n euiColorVisCool2: string;\n\n euiColorVisComplementary0: string;\n euiColorVisComplementary1: string;\n};\n\nexport type _EuiThemeConstantColors = {\n /**\n * Purest **white**\n * @deprecated\n */\n ghost: string;\n /**\n * Purest **black**\n * @deprecated\n */\n ink: string;\n\n plainLight: string;\n plainDark: string;\n\n vis: _EuiThemeVisColors;\n};\n\nexport type _EuiThemeColorsMode = _EuiThemeBrandColors &\n _EuiThemeBrandTextColors &\n _EuiThemeShadeColors &\n _EuiThemeSpecialColors &\n _EuiThemeTextColors &\n _EuiThemeBackgroundColors &\n _EuiThemeTransparentBackgroundColors &\n _EuiThemeBorderColors;\n\nexport type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode> &\n _EuiThemeConstantColors;\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/global_styling/variables/colors.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport {\n ColorModeSwitch,\n StrictColorModeSwitch,\n} from '../../services/theme/types';\n\n/**\n * Top 5 colors\n */\nexport type _EuiThemeBrandColors = {\n /**\n * Main brand color and used for most **call to actions** like buttons and links.\n */\n primary: ColorModeSwitch;\n /**\n * Pulls attention to key indicators like **notifications** or number of selections.\n */\n accent: ColorModeSwitch;\n /**\n * Secondary attention indicator with lower priority.\n */\n accentSecondary: ColorModeSwitch;\n /**\n * Used for **positive** messages/graphics and additive actions.\n */\n success: ColorModeSwitch;\n /**\n * Used for **warnings** and actions that have a potential to be destructive.\n */\n warning: ColorModeSwitch;\n /**\n * Used for **negative** messages/graphics like errors and destructive actions.\n */\n danger: ColorModeSwitch;\n};\n\n/**\n * Every brand color must have a contrast computed text equivelant\n */\nexport type _EuiThemeBrandTextColors = {\n /**\n * Typically computed against `colors.primary`\n * @deprecated - use `textPrimary` instead\n */\n primaryText: ColorModeSwitch;\n /**\n * Typically computed against `colors.accent`\n * @deprecated - use `textAccent` instead\n */\n accentText: ColorModeSwitch;\n /**\n * Typically computed against `colors.success`\n * @deprecated - use `textSuccess` instead\n */\n successText: ColorModeSwitch;\n /**\n * Typically computed against `colors.warning`\n * @deprecated - use `textWarning` instead\n */\n warningText: ColorModeSwitch;\n /**\n * Typically computed against `colors.danger`\n * @deprecated - use `textDanger` instead\n */\n dangerText: ColorModeSwitch;\n\n textPrimary: ColorModeSwitch;\n textAccent: ColorModeSwitch;\n textAccentSecondary: ColorModeSwitch;\n textSuccess: ColorModeSwitch;\n textWarning: ColorModeSwitch;\n textDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeShadeColors = {\n /**\n * Used as the background color of primary **page content and panels** including modals and flyouts.\n * @deprecated - use specific semantic color tokens instead\n */\n emptyShade: ColorModeSwitch;\n /**\n * Used to lightly shade areas that contain **secondary content** or contain panel-like components.\n * @deprecated - use specific semantic color tokens instead\n */\n lightestShade: ColorModeSwitch;\n /**\n * Used for most **borders** and dividers (horizontal rules).\n * @deprecated - use specific semantic color tokens instead\n */\n lightShade: ColorModeSwitch;\n /**\n * The middle gray for all themes; this is the base for `colors.subdued`.\n * @deprecated - use specific semantic color tokens instead\n */\n mediumShade: ColorModeSwitch;\n /**\n * Slightly subtle graphic color\n * @deprecated - use specific semantic color tokens instead\n */\n darkShade: ColorModeSwitch;\n /**\n * Used as the **text** color and the background color for **inverted components** like tooltips and the control bar.\n * @deprecated - use specific semantic color tokens instead\n */\n darkestShade: ColorModeSwitch;\n /**\n * The opposite of `emptyShade`\n * @deprecated - use specific semantic color tokens instead\n */\n fullShade: ColorModeSwitch;\n};\n\nexport type _EuiThemeTextColors = {\n /**\n * Computed against `colors.darkestShade`\n * @deprecated - use `textParagraph` instead\n */\n text: ColorModeSwitch;\n /**\n * Computed against `colors.text`\n * @deprecated - use `textHeading` instead\n */\n title: ColorModeSwitch;\n /**\n * Computed against `colors.mediumShade`\n * @deprecated - use `textSubdued` instead\n */\n subduedText: ColorModeSwitch;\n /**\n * Computed against `colors.primaryText`\n */\n link: ColorModeSwitch;\n\n textParagraph: ColorModeSwitch;\n textHeading: ColorModeSwitch;\n textSubdued: ColorModeSwitch;\n textDisabled: ColorModeSwitch;\n textInverse: ColorModeSwitch;\n};\n\nexport type _EuiThemeSpecialColors = {\n /**\n * The background color for the **whole window (body)** and is a computed value of `colors.lightestShade`.\n * Provides denominator (background) value for **contrast calculations**.\n * @deprecated - use backgroundBasePlain or backgroundBaseSubdued instead\n */\n body: ColorModeSwitch;\n /**\n * Used to **highlight text** when matching against search strings\n */\n highlight: ColorModeSwitch;\n /**\n * Computed against `colors.darkestShade`\n * @deprecated - use specific semantic tokens instead (e.g. backgroundBaseDisabled, borderBaseDisabled etc)\n */\n disabled: ColorModeSwitch;\n /**\n * Computed against `colors.disabled`\n * @deprecated - use textDisabled instead\n */\n disabledText: ColorModeSwitch;\n /**\n * The base color for shadows that gets `transparentized`\n * at a value based on the `colorMode` and then layered.\n */\n shadow: ColorModeSwitch;\n};\n\nexport type _EuiThemeBackgroundColors = {\n backgroundBasePrimary: ColorModeSwitch;\n backgroundBaseAccent: ColorModeSwitch;\n backgroundBaseAccentSecondary: ColorModeSwitch;\n backgroundBaseSuccess: ColorModeSwitch;\n backgroundBaseWarning: ColorModeSwitch;\n backgroundBaseDanger: ColorModeSwitch;\n backgroundBaseSubdued: ColorModeSwitch;\n backgroundBasePlain: ColorModeSwitch;\n backgroundBaseDisabled: ColorModeSwitch;\n backgroundBaseHighlighted: ColorModeSwitch;\n backgroundBaseFormsPrepend: ColorModeSwitch;\n backgroundBaseFormsControlDisabled: ColorModeSwitch;\n backgroundBaseInteractiveHover: ColorModeSwitch;\n backgroundBaseInteractiveSelect: ColorModeSwitch;\n backgroundBaseInteractiveOverlay: ColorModeSwitch;\n backgroundBaseSkeletonEdge: ColorModeSwitch;\n backgroundBaseSkeletonMiddle: ColorModeSwitch;\n\n backgroundLightPrimary: ColorModeSwitch;\n backgroundLightAccent: ColorModeSwitch;\n backgroundLightAccentSecondary: ColorModeSwitch;\n backgroundLightSuccess: ColorModeSwitch;\n backgroundLightWarning: ColorModeSwitch;\n backgroundLightDanger: ColorModeSwitch;\n backgroundLightText: ColorModeSwitch;\n\n backgroundFilledPrimary: ColorModeSwitch;\n backgroundFilledAccent: ColorModeSwitch;\n backgroundFilledAccentSecondary: ColorModeSwitch;\n backgroundFilledSuccess: ColorModeSwitch;\n backgroundFilledWarning: ColorModeSwitch;\n backgroundFilledDanger: ColorModeSwitch;\n backgroundFilledText: ColorModeSwitch;\n};\n\n/** TODO: remove once usages are re-mapped */\nexport type _EuiThemeTransparentBackgroundColors = {\n /** @deprecated - temp. token, was never in use */\n backgroundTransparent: string;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentPrimary: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentAccent: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentAccentSecondary: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentSuccess: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentWarning: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentDanger: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentSubdued: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentHighlighted: ColorModeSwitch;\n /** @deprecated - temp. token, was never in use */\n backgroundTransparentPlain: ColorModeSwitch;\n};\n\nexport type _EuiThemeBorderColors = {\n borderBasePrimary: ColorModeSwitch;\n borderBaseAccent: ColorModeSwitch;\n borderBaseAccentSecondary: ColorModeSwitch;\n borderBaseSuccess: ColorModeSwitch;\n borderBaseWarning: ColorModeSwitch;\n borderBaseDanger: ColorModeSwitch;\n\n borderBasePlain: ColorModeSwitch;\n borderBaseSubdued: ColorModeSwitch;\n borderBaseDisabled: ColorModeSwitch;\n /**\n * Border used for floating elements on dark mode (e.g. popovers or tooltips)\n * to increase the contrast with the background.\n */\n borderBaseFloating: ColorModeSwitch;\n\n borderBaseFormsColorSwatch: ColorModeSwitch;\n borderBaseFormsControl: ColorModeSwitch;\n\n borderStrongPrimary: ColorModeSwitch;\n borderStrongAccent: ColorModeSwitch;\n borderStrongAccentSecondary: ColorModeSwitch;\n borderStrongSuccess: ColorModeSwitch;\n borderStrongWarning: ColorModeSwitch;\n borderStrongDanger: ColorModeSwitch;\n};\n\nexport type _EuiThemeVisColors = {\n euiColorVis0: string;\n euiColorVis1: string;\n euiColorVis2: string;\n euiColorVis3: string;\n euiColorVis4: string;\n euiColorVis5: string;\n euiColorVis6: string;\n euiColorVis7: string;\n euiColorVis8: string;\n euiColorVis9: string;\n\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText0: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText1: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText2: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText3: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText4: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText5: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText6: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText7: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText8: string;\n /** @deprecated - temp token; used only during theme migration */\n euiColorVisBehindText9: string;\n\n euiColorVisAsTextLight0: string;\n euiColorVisAsTextLight1: string;\n euiColorVisAsTextLight2: string;\n euiColorVisAsTextLight3: string;\n euiColorVisAsTextLight4: string;\n euiColorVisAsTextLight5: string;\n euiColorVisAsTextLight6: string;\n\n euiColorVisAsTextDark0: string;\n euiColorVisAsTextDark1: string;\n euiColorVisAsTextDark2: string;\n euiColorVisAsTextDark3: string;\n euiColorVisAsTextDark4: string;\n euiColorVisAsTextDark5: string;\n euiColorVisAsTextDark6: string;\n\n euiColorVisSuccess0: string;\n euiColorVisSuccess1: string;\n euiColorVisWarning0: string;\n euiColorVisDanger0: string;\n euiColorVisDanger1: string;\n\n euiColorVisNeutral0: string;\n\n euiColorSeverity0: string;\n euiColorSeverity1: string;\n euiColorSeverity2: string;\n euiColorSeverity3: string;\n euiColorSeverity4: string;\n euiColorSeverity5: string;\n euiColorSeverity6: string;\n euiColorSeverity7: string;\n euiColorSeverity8: string;\n euiColorSeverity9: string;\n euiColorSeverity10: string;\n euiColorSeverity11: string;\n euiColorSeverity12: string;\n euiColorSeverity13: string;\n euiColorSeverity14: string;\n\n euiColorVisGrey0: string;\n euiColorVisGrey1: string;\n euiColorVisGrey2: string;\n euiColorVisGrey3: string;\n\n euiColorVisWarm0: string;\n euiColorVisWarm1: string;\n euiColorVisWarm2: string;\n\n euiColorVisCool0: string;\n euiColorVisCool1: string;\n euiColorVisCool2: string;\n\n euiColorVisComplementary0: string;\n euiColorVisComplementary1: string;\n};\n\nexport type _EuiThemeConstantColors = {\n /**\n * Purest **white**\n * @deprecated\n */\n ghost: string;\n /**\n * Purest **black**\n * @deprecated\n */\n ink: string;\n\n plainLight: string;\n plainDark: string;\n\n vis: _EuiThemeVisColors;\n};\n\nexport type _EuiThemeColorsMode = _EuiThemeBrandColors &\n _EuiThemeBrandTextColors &\n _EuiThemeShadeColors &\n _EuiThemeSpecialColors &\n _EuiThemeTextColors &\n _EuiThemeBackgroundColors &\n _EuiThemeTransparentBackgroundColors &\n _EuiThemeBorderColors;\n\nexport type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode> &\n _EuiThemeConstantColors;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ColorModeSwitch, StrictColorModeSwitch } from '
|
|
1
|
+
import { ColorModeSwitch, StrictColorModeSwitch } from '../../services/theme/types';
|
|
2
2
|
import { _EuiThemeButtonColors } from './buttons';
|
|
3
3
|
import { _EuiThemeForm, _EuiThemeFormColors } from './forms';
|
|
4
4
|
export declare type _EuiThemeComponentColors = {
|
|
@@ -22,6 +22,7 @@ export declare type _EuiThemeComponentColors = {
|
|
|
22
22
|
codeTagColor: ColorModeSwitch;
|
|
23
23
|
codeNameColor: ColorModeSwitch;
|
|
24
24
|
codeNumberColor: ColorModeSwitch;
|
|
25
|
+
codeInlineCodeKeywordColor: ColorModeSwitch;
|
|
25
26
|
codeKeywordColor: ColorModeSwitch;
|
|
26
27
|
codeFunctionTitleColor: ColorModeSwitch;
|
|
27
28
|
codeTypeColor: ColorModeSwitch;
|
|
@@ -56,6 +57,8 @@ export declare type _EuiThemeComponentColors = {
|
|
|
56
57
|
listGroupItemBackgroundSubduedActive: ColorModeSwitch;
|
|
57
58
|
listGroupItemBackgroundHover: ColorModeSwitch;
|
|
58
59
|
listGroupItemBackgroundPrimaryHover: ColorModeSwitch;
|
|
60
|
+
loadingSpinnerBorder: ColorModeSwitch;
|
|
61
|
+
loadingSpinnerHighlight: ColorModeSwitch;
|
|
59
62
|
loadingChartMonoBackground0: ColorModeSwitch;
|
|
60
63
|
loadingChartMonoBackground1: ColorModeSwitch;
|
|
61
64
|
loadingChartMonoBackground2: ColorModeSwitch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/components.ts"],"names":[],"mappings":"AAQA,OAAO,
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","names":[],"sources":["../../../../src/global_styling/variables/components.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport {
|
|
1
|
+
{"version":3,"file":"components.js","names":[],"sources":["../../../../src/global_styling/variables/components.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport {\n ColorModeSwitch,\n StrictColorModeSwitch,\n} from '../../services/theme/types';\nimport { _EuiThemeButtonColors } from './buttons';\nimport { _EuiThemeForm, _EuiThemeFormColors } from './forms';\n\nexport type _EuiThemeComponentColors = {\n buttonGroupBorderColor: ColorModeSwitch;\n buttonGroupBorderColorSelected: ColorModeSwitch;\n buttonGroupFocusColor: ColorModeSwitch;\n\n badgeBackground: ColorModeSwitch;\n badgeBackgroundSubdued: ColorModeSwitch;\n badgeBorderColorHollow: ColorModeSwitch;\n badgeIconButtonBackgroundHover: ColorModeSwitch;\n\n bottomBarBackground: ColorModeSwitch;\n\n breadcrumbsApplicationBackground: ColorModeSwitch;\n breadcrumbsApplicationColor: ColorModeSwitch;\n\n codeBackground: ColorModeSwitch;\n codeBackgroundSelected: ColorModeSwitch;\n codeColor: ColorModeSwitch;\n codeInlineColor: ColorModeSwitch;\n codeCommentColor: ColorModeSwitch;\n codeSelectorColor: ColorModeSwitch;\n codeStringColor: ColorModeSwitch;\n codeTagColor: ColorModeSwitch;\n codeNameColor: ColorModeSwitch;\n codeNumberColor: ColorModeSwitch;\n codeInlineCodeKeywordColor: ColorModeSwitch;\n codeKeywordColor: ColorModeSwitch;\n codeFunctionTitleColor: ColorModeSwitch;\n codeTypeColor: ColorModeSwitch;\n codeAttributeColor: ColorModeSwitch;\n codeSymbolColor: ColorModeSwitch;\n codeParamsColor: ColorModeSwitch;\n codeMetaColor: ColorModeSwitch;\n codeTitleColor: ColorModeSwitch;\n codeSectionColor: ColorModeSwitch;\n codeAdditionColor: ColorModeSwitch;\n codeDeletionColor: ColorModeSwitch;\n codeSelectorClassColor: ColorModeSwitch;\n codeSelectorIdColor: ColorModeSwitch;\n\n collapsibleNavGroupBackground: ColorModeSwitch;\n collapsibleNavGroupBackgroundDark: ColorModeSwitch;\n\n dataGridBorderColor: ColorModeSwitch;\n dataGridVerticalLineBorderColor: ColorModeSwitch;\n dataGridRowBackgroundStriped: ColorModeSwitch;\n dataGridRowBackgroundHover: ColorModeSwitch;\n dataGridRowBackgroundSelect: ColorModeSwitch;\n\n dragDropDraggingBackground: ColorModeSwitch;\n dragDropDraggingOverBackground: ColorModeSwitch;\n\n headerBackground: ColorModeSwitch;\n headerDarkBackground: ColorModeSwitch;\n headerDarkSearchBorderColor: ColorModeSwitch;\n headerDarkSectionItemBackgroundFocus: ColorModeSwitch;\n\n filterSelectItemBackgroundFocusDisabled: ColorModeSwitch;\n\n flyoutFooterBackground: ColorModeSwitch;\n flyoutCloseButtonInsideBackground: ColorModeSwitch;\n\n keyPadMenuItemBackgroundDisabledSelect: ColorModeSwitch;\n\n listGroupItemBackgroundPrimaryActive: ColorModeSwitch;\n listGroupItemBackgroundSubduedActive: ColorModeSwitch;\n listGroupItemBackgroundHover: ColorModeSwitch;\n listGroupItemBackgroundPrimaryHover: ColorModeSwitch;\n\n loadingSpinnerBorder: ColorModeSwitch;\n loadingSpinnerHighlight: ColorModeSwitch;\n\n loadingChartMonoBackground0: ColorModeSwitch;\n loadingChartMonoBackground1: ColorModeSwitch;\n loadingChartMonoBackground2: ColorModeSwitch;\n loadingChartMonoBackground3: ColorModeSwitch;\n\n markBackground: ColorModeSwitch;\n\n markdownFormatTableBorderColor: ColorModeSwitch;\n\n popoverPanelBackground: ColorModeSwitch;\n popoverFooterBorderColor: ColorModeSwitch;\n\n scrollbarTrackColor: ColorModeSwitch;\n\n sideNavItemEmphasizedBackground: ColorModeSwitch;\n\n selectableListItemBorderColor: ColorModeSwitch;\n\n superDatePickerBackgroundSuccees: ColorModeSwitch;\n\n switchBackgroundOn: ColorModeSwitch;\n switchBackgroundOff: ColorModeSwitch;\n switchUncompressedBackgroundDisabled: ColorModeSwitch;\n switchCompressedBackgroundDisabled: ColorModeSwitch;\n switchMiniBackgroundDisabled: ColorModeSwitch;\n switchThumbBackgroundDisabled: ColorModeSwitch;\n switchThumbBorderOn: ColorModeSwitch;\n switchThumbBorderOff: ColorModeSwitch;\n switchIconDisabled: ColorModeSwitch;\n\n tableRowBackgroundHover: ColorModeSwitch;\n tableRowBackgroundSelected: ColorModeSwitch;\n tableRowBackgroundSelectedHover: ColorModeSwitch;\n tableRowInteractiveBackgroundHover: ColorModeSwitch;\n tableRowInteractiveBackgroundFocus: ColorModeSwitch;\n tableCellSortableIconColor: ColorModeSwitch;\n\n tooltipBackground: ColorModeSwitch;\n tooltipBorder: ColorModeSwitch;\n tooltipBorderFloating: ColorModeSwitch;\n\n tourFooterBackground: ColorModeSwitch;\n\n treeViewItemBackgroundHover: ColorModeSwitch;\n};\n\nexport type _EuiThemeComponents = {\n buttons: StrictColorModeSwitch<_EuiThemeButtonColors>;\n forms: _EuiThemeForm & StrictColorModeSwitch<_EuiThemeFormColors>;\n /**\n * internal-only key that holds temporary tokens used while migrating themes\n */\n LIGHT: _EuiThemeComponentColors;\n DARK: _EuiThemeComponentColors;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/forms.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/forms.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B,kBAAkB,EAAE,eAAe,CAAC;IACpC,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,eAAe,CAAC;IACtC,iBAAiB,EAAE,eAAe,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,eAAe,CAAC;IAC/B,qBAAqB,EAAE,eAAe,CAAC;IACvC,qBAAqB,EAAE,eAAe,CAAC;IACvC,2BAA2B,EAAE,eAAe,CAAC;IAC7C,yBAAyB,EAAE,eAAe,CAAC;IAC3C,mBAAmB,EAAE,eAAe,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.js","names":[],"sources":["../../../../src/global_styling/variables/forms.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch } from '
|
|
1
|
+
{"version":3,"file":"forms.js","names":[],"sources":["../../../../src/global_styling/variables/forms.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { ColorModeSwitch } from '../../services/theme/types';\n\nexport type _EuiThemeForm = {\n maxWidth: string;\n};\n\nexport type _EuiThemeFormColors = {\n background: ColorModeSwitch;\n backgroundDisabled: ColorModeSwitch;\n backgroundReadOnly: ColorModeSwitch;\n backgroundFocused: ColorModeSwitch;\n backgroundAutofilled: ColorModeSwitch;\n prependBackground: ColorModeSwitch;\n border: ColorModeSwitch;\n borderAutofilled: ColorModeSwitch;\n controlBorder: ColorModeSwitch;\n controlBorderSelected: ColorModeSwitch;\n controlBorderDisabled: ColorModeSwitch;\n controlBackgroundUnselected: ColorModeSwitch;\n controlBackgroundDisabled: ColorModeSwitch;\n colorHasPlaceholder: ColorModeSwitch;\n colorDisabled: ColorModeSwitch;\n iconDisabled: ColorModeSwitch;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/index.ts"],"names":[],"mappings":"AAQA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/index.ts"],"names":[],"mappings":"AAQA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|
|
@@ -36,6 +36,17 @@ Object.keys(_breakpoint).forEach(function (key) {
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
|
+
var _breakpoint2 = require("./_breakpoint");
|
|
40
|
+
Object.keys(_breakpoint2).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _breakpoint2[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _breakpoint2[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
39
50
|
var _colors = require("./colors");
|
|
40
51
|
Object.keys(_colors).forEach(function (key) {
|
|
41
52
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_animations","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_borders","_breakpoint","_colors","_levels","_size","_shadow","_states","_typography","_buttons","_forms","_components","_flags"],"sources":["../../../../src/global_styling/variables/index.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nexport * from './animations';\nexport * from './borders';\nexport * from './breakpoint';\nexport * from './colors';\nexport * from './levels';\nexport * from './size';\nexport * from './shadow';\nexport * from './states';\nexport * from './typography';\nexport * from './buttons';\nexport * from './forms';\nexport * from './components';\nexport * from './flags';\n"],"mappings":";;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["_animations","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_borders","_breakpoint","_breakpoint2","_colors","_levels","_size","_shadow","_states","_typography","_buttons","_forms","_components","_flags"],"sources":["../../../../src/global_styling/variables/index.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nexport * from './animations';\nexport * from './borders';\nexport * from './breakpoint';\nexport * from './_breakpoint';\nexport * from './breakpoint';\nexport * from './colors';\nexport * from './levels';\nexport * from './size';\nexport * from './shadow';\nexport * from './states';\nexport * from './typography';\nexport * from './buttons';\nexport * from './forms';\nexport * from './components';\nexport * from './flags';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { ColorModeSwitch } from '
|
|
2
|
+
import { ColorModeSwitch } from '../../services/theme/types';
|
|
3
3
|
export interface _EuiThemeFocus {
|
|
4
4
|
/**
|
|
5
5
|
* Default color of the focus ring, some components may override this property
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/states.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../../src/global_styling/variables/states.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,KAAK,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACpC;;;OAGG;IACH,YAAY,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACtC;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;CAClC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"states.js","names":[],"sources":["../../../../src/global_styling/variables/states.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { CSSProperties } from 'react';\nimport { ColorModeSwitch } from '
|
|
1
|
+
{"version":3,"file":"states.js","names":[],"sources":["../../../../src/global_styling/variables/states.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport { CSSProperties } from 'react';\nimport { ColorModeSwitch } from '../../services/theme/types';\n\nexport interface _EuiThemeFocus {\n /**\n * Default color of the focus ring, some components may override this property\n * - Default value: currentColor\n */\n color: ColorModeSwitch;\n /**\n * Thickness of the outline\n * - Default value: 2px\n */\n width: CSSProperties['borderWidth'];\n /**\n * Used to transparentize the focus background color\n * - Default value: { LIGHT: 0.1, DARK: 0.2 }\n */\n transparency: ColorModeSwitch<number>;\n /**\n * Default focus background color. Not all components set a background color on focus\n * - Default value: `colors.primary` computed with `focus.transparency`\n */\n backgroundColor: ColorModeSwitch;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import type { CSSObject } from '@emotion/react';
|
|
2
|
-
import type { RecursivePartial, ValueOf } from '
|
|
3
|
-
import { _EuiThemeAnimation } from '
|
|
4
|
-
import { _EuiThemeBreakpoints } from '
|
|
5
|
-
import { _EuiThemeBorder } from '
|
|
6
|
-
import { _EuiThemeColors } from '
|
|
7
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '
|
|
8
|
-
import { _EuiThemeFont } from '
|
|
9
|
-
import { _EuiThemeFocus } from '
|
|
10
|
-
import { _EuiThemeLevels } from '
|
|
11
|
-
import { _EuiThemeComponents } from '
|
|
12
|
-
import { _EuiThemeFlags } from '
|
|
2
|
+
import type { RecursivePartial, ValueOf } from '../../types';
|
|
3
|
+
import { _EuiThemeAnimation } from '../../global_styling/variables/animations';
|
|
4
|
+
import { _EuiThemeBreakpoints } from '../../global_styling/variables/breakpoint';
|
|
5
|
+
import { _EuiThemeBorder } from '../../global_styling/variables/borders';
|
|
6
|
+
import { _EuiThemeColors } from '../../global_styling/variables/colors';
|
|
7
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '../../global_styling/variables/size';
|
|
8
|
+
import { _EuiThemeFont } from '../../global_styling/variables/typography';
|
|
9
|
+
import { _EuiThemeFocus } from '../../global_styling/variables/states';
|
|
10
|
+
import { _EuiThemeLevels } from '../../global_styling/variables/levels';
|
|
11
|
+
import { _EuiThemeComponents } from '../../global_styling/variables/components';
|
|
12
|
+
import { _EuiThemeFlags } from '../../global_styling/variables';
|
|
13
13
|
export declare const COLOR_MODES_STANDARD: {
|
|
14
14
|
readonly light: "LIGHT";
|
|
15
15
|
readonly dark: "DARK";
|
|
@@ -65,3 +65,9 @@ export declare type EuiThemeNested = {
|
|
|
65
65
|
setNearestThemeCSSVariables: Function;
|
|
66
66
|
themeCSSVariables?: CSSObject;
|
|
67
67
|
};
|
|
68
|
+
export interface UseEuiTheme<T extends {} = {}> {
|
|
69
|
+
euiTheme: EuiThemeComputed<T>;
|
|
70
|
+
colorMode: EuiThemeColorModeStandard;
|
|
71
|
+
modifications: EuiThemeModifications<T>;
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/services/theme/types.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EACL,aAAa,EACb,cAAc,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AACX,eAAO,MAAM,mBAAmB,WAAqB,CAAC;AAEtD,oBAAY,wBAAwB,GAAG,OAAO,mBAAmB,CAAC;AAClE,oBAAY,yBAAyB,GAAG,OAAO,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC7E,oBAAY,iBAAiB,GACzB,OAAO,GACP,MAAM,GACN,yBAAyB,GACzB,SAAS,GACT,wBAAwB,CAAC;AAE7B,oBAAY,eAAe,CAAC,CAAC,GAAG,MAAM,IAClC;KACG,GAAG,IAAI,yBAAyB,GAAG,CAAC;CACtC,GACD,CAAC,CAAC;AAEN,oBAAY,qBAAqB,CAAC,CAAC,GAAG,MAAM,IAAI;KAC7C,GAAG,IAAI,yBAAyB,GAAG,CAAC;CACtC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,MAAM,EAAE,eAAe,CAAC;IACxB,0BAA0B;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,UAAU,EAAE,oBAAoB,CAAC;IACjC,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,mBAAmB,CAAC;IAChC,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,oBAAY,cAAc,CAAC,CAAC,GAAG,EAAE,IAAI;IACnC,IAAI,EAAE,aAAa,GAAG,CAAC,CAAC;IACxB,KAAK,EAAE,aAAa,GAAG,CAAC,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,qBAAqB,CAAC,CAAC,GAAG,EAAE,IAAI,gBAAgB,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AAEhF,oBAAY,kBAAkB,CAC5B,CAAC,EACD,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,IACvD,CAAC,SAAS,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,GACtC,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,GAC1B,CAAC,SAAS,CAAC,GACT,CAAC,GACD;KACG,CAAC,IAAI,MAAM,CAAC,CAAC,GACZ,OAAO,CACL,CAAC,EACD,MAAM,CAAC,GAAG,MAAM,qBAAqB,CACtC,CAAC,GAAG,kBAAkB,CACvB,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1D,CAAC,CACF;CACF,GACH,CAAC,GACH;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CAC5C,CAAC;AAEN,oBAAY,gBAAgB,CAAC,CAAC,GAAG,EAAE,IAAI,kBAAkB,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG;IAC7E,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,cAAc,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,gCAAgC,EAAE,OAAO,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,QAAQ,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,2BAA2B,EAAE,QAAQ,CAAC;IACtC,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE;IAC5C,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC9B,SAAS,EAAE,yBAAyB,CAAC;IACrC,aAAa,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;CACzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","names":["COLOR_MODES_STANDARD","exports","light","dark","COLOR_MODES_INVERSE"],"sources":["../../../../src/services/theme/types.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\nimport type { CSSObject } from '@emotion/react';\n\nimport type { RecursivePartial, ValueOf } from '../../types';\n\nimport { _EuiThemeAnimation } from '../../global_styling/variables/animations';\nimport { _EuiThemeBreakpoints } from '../../global_styling/variables/breakpoint';\nimport { _EuiThemeBorder } from '../../global_styling/variables/borders';\nimport { _EuiThemeColors } from '../../global_styling/variables/colors';\nimport {\n _EuiThemeBase,\n _EuiThemeSizes,\n} from '../../global_styling/variables/size';\nimport { _EuiThemeFont } from '../../global_styling/variables/typography';\nimport { _EuiThemeFocus } from '../../global_styling/variables/states';\nimport { _EuiThemeLevels } from '../../global_styling/variables/levels';\nimport { _EuiThemeComponents } from '../../global_styling/variables/components';\nimport { _EuiThemeFlags } from '../../global_styling/variables';\n\nexport const COLOR_MODES_STANDARD = {\n light: 'LIGHT',\n dark: 'DARK',\n} as const;\nexport const COLOR_MODES_INVERSE = 'INVERSE' as const;\n\nexport type EuiThemeColorModeInverse = typeof COLOR_MODES_INVERSE;\nexport type EuiThemeColorModeStandard = ValueOf<typeof COLOR_MODES_STANDARD>;\nexport type EuiThemeColorMode =\n | 'light'\n | 'dark'\n | EuiThemeColorModeStandard\n | 'inverse'\n | EuiThemeColorModeInverse;\n\nexport type ColorModeSwitch<T = string> =\n | {\n [key in EuiThemeColorModeStandard]: T;\n }\n | T;\n\nexport type StrictColorModeSwitch<T = string> = {\n [key in EuiThemeColorModeStandard]: T;\n};\n\nexport type EuiThemeShape = {\n colors: _EuiThemeColors;\n /** - Default value: 16 */\n base: _EuiThemeBase;\n /**\n * @see {@link https://eui.elastic.co/#/theming/sizing | Reference} for more information\n */\n size: _EuiThemeSizes;\n font: _EuiThemeFont;\n border: _EuiThemeBorder;\n focus: _EuiThemeFocus;\n animation: _EuiThemeAnimation;\n breakpoint: _EuiThemeBreakpoints;\n levels: _EuiThemeLevels;\n components: _EuiThemeComponents;\n flags: _EuiThemeFlags;\n};\n\nexport type EuiThemeSystem<T = {}> = {\n root: EuiThemeShape & T;\n model: EuiThemeShape & T;\n key: string;\n};\n\nexport type EuiThemeModifications<T = {}> = RecursivePartial<EuiThemeShape & T>;\n\nexport type ComputedThemeShape<\n T,\n P = string | number | bigint | boolean | null | undefined\n> = T extends P | ColorModeSwitch<infer X>\n ? T extends ColorModeSwitch<X>\n ? X extends P\n ? X\n : {\n [K in keyof (X &\n Exclude<\n T,\n keyof X | keyof StrictColorModeSwitch\n >)]: ComputedThemeShape<\n (X & Exclude<T, keyof X | keyof StrictColorModeSwitch>)[K],\n P\n >;\n }\n : T\n : {\n [K in keyof T]: ComputedThemeShape<T[K], P>;\n };\n\nexport type EuiThemeComputed<T = {}> = ComputedThemeShape<EuiThemeShape & T> & {\n themeName: string;\n};\n\nexport type EuiThemeNested = {\n isGlobalTheme: boolean;\n hasDifferentColorFromGlobalTheme: boolean;\n bodyColor: string;\n colorClassName: string;\n setGlobalCSSVariables: Function;\n globalCSSVariables?: CSSObject;\n setNearestThemeCSSVariables: Function;\n themeCSSVariables?: CSSObject;\n};\n\nexport interface UseEuiTheme<T extends {} = {}> {\n euiTheme: EuiThemeComputed<T>;\n colorMode: EuiThemeColorModeStandard;\n modifications: EuiThemeModifications<T>;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAClCE,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACR,CAAU;AACH,IAAMC,mBAAmB,GAAAH,OAAA,CAAAG,mBAAA,GAAG,SAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
import chroma from 'chroma-js';
|
|
9
|
+
import { COLOR_MODES_STANDARD, } from '../../services/theme/types';
|
|
10
|
+
// Create a CSS color value using whose opacity is determined based
|
|
11
|
+
// on either a light or dark theme. We use a multiplier
|
|
12
|
+
// of 1 for light themes and 2.5 for dark themes
|
|
13
|
+
export const getShadowColor = (color, opacity, colorMode) => {
|
|
14
|
+
const themeOpacity = colorMode === COLOR_MODES_STANDARD.dark ? opacity * 3.5 : opacity * 1;
|
|
15
|
+
return chroma(color).alpha(themeOpacity).css();
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=shadows.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../../src/global_styling/functions/shadows.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EACL,oBAAoB,GAErB,MAAM,4BAA4B,CAAC;AAEpC,mEAAmE;AACnE,uDAAuD;AACvD,gDAAgD;AAChD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAa,EACb,OAAe,EACf,SAAoC,EACpC,EAAE;IACF,MAAM,YAAY,GAChB,SAAS,KAAK,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC;IACxE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC;AACjD,CAAC,CAAC"}
|
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
6
|
* Side Public License, v 1.
|
|
7
7
|
*/
|
|
8
|
-
export * from '
|
|
8
|
+
export * from '../services/theme/types';
|
|
9
9
|
export * from './functions';
|
|
10
10
|
export * from './variables';
|
|
11
|
+
export * from './mixins';
|
|
11
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/global_styling/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/global_styling/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './shadow';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
export * from './shadow';
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/global_styling/mixins/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { UseEuiTheme } from '../../services/theme/types';
|
|
2
|
+
import { _EuiThemeShadowSize, _EuiThemeShadowCustomColor } from '../variables/shadow';
|
|
3
|
+
export interface EuiShadowCustomColor {
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* euiSlightShadow
|
|
8
|
+
*/
|
|
9
|
+
export declare const euiShadowXSmall: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
|
|
10
|
+
/**
|
|
11
|
+
* bottomShadowSmall
|
|
12
|
+
*/
|
|
13
|
+
export declare const euiShadowSmall: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
|
|
14
|
+
/**
|
|
15
|
+
* bottomShadowMedium
|
|
16
|
+
*/
|
|
17
|
+
export declare const euiShadowMedium: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, property }?: _EuiThemeShadowCustomColor) => string;
|
|
18
|
+
/**
|
|
19
|
+
* bottomShadow
|
|
20
|
+
*/
|
|
21
|
+
export declare const euiShadowLarge: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
|
|
22
|
+
/**
|
|
23
|
+
* bottomShadowLarge
|
|
24
|
+
*/
|
|
25
|
+
export interface EuiShadowXLarge extends _EuiThemeShadowCustomColor {
|
|
26
|
+
reverse?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export declare const euiShadowXLarge: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, reverse }?: EuiShadowXLarge) => string;
|
|
29
|
+
/**
|
|
30
|
+
* slightShadowHover
|
|
31
|
+
*/
|
|
32
|
+
export declare const euiSlightShadowHover: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
|
|
33
|
+
/**
|
|
34
|
+
* bottomShadowFlat
|
|
35
|
+
*
|
|
36
|
+
* Similar to shadow medium but without the bottom depth.
|
|
37
|
+
* Useful for popovers that drop UP rather than DOWN.
|
|
38
|
+
*/
|
|
39
|
+
export declare const euiShadowFlat: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
|
|
40
|
+
export declare const euiShadow: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize, { color }?: _EuiThemeShadowCustomColor) => string;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
import { getShadowColor } from '../functions';
|
|
9
|
+
/**
|
|
10
|
+
* euiSlightShadow
|
|
11
|
+
*/
|
|
12
|
+
export const euiShadowXSmall = ({ euiTheme, colorMode }, { color: _color } = {}) => {
|
|
13
|
+
const color = _color || euiTheme.colors.shadow;
|
|
14
|
+
return `
|
|
15
|
+
box-shadow:
|
|
16
|
+
0 .8px .8px ${getShadowColor(color, 0.04, colorMode)},
|
|
17
|
+
0 2.3px 2px ${getShadowColor(color, 0.03, colorMode)};
|
|
18
|
+
`;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* bottomShadowSmall
|
|
22
|
+
*/
|
|
23
|
+
export const euiShadowSmall = ({ euiTheme, colorMode }, { color: _color } = {}) => {
|
|
24
|
+
const color = _color || euiTheme.colors.shadow;
|
|
25
|
+
return `
|
|
26
|
+
box-shadow:
|
|
27
|
+
0 .7px 1.4px ${getShadowColor(color, 0.07, colorMode)},
|
|
28
|
+
0 1.9px 4px ${getShadowColor(color, 0.05, colorMode)},
|
|
29
|
+
0 4.5px 10px ${getShadowColor(color, 0.05, colorMode)};
|
|
30
|
+
`;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* bottomShadowMedium
|
|
34
|
+
*/
|
|
35
|
+
export const euiShadowMedium = ({ euiTheme, colorMode }, { color: _color, property } = {}) => {
|
|
36
|
+
const color = _color || euiTheme.colors.shadow;
|
|
37
|
+
if (property === 'filter') {
|
|
38
|
+
// Using only one drop-shadow filter instead of multiple is more performant & prevents Safari bugs
|
|
39
|
+
return `filter: drop-shadow(0 5.7px 9px ${getShadowColor(color, 0.2, colorMode)});`;
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
return `box-shadow:
|
|
43
|
+
0 .9px 4px ${getShadowColor(color, 0.08, colorMode)},
|
|
44
|
+
0 2.6px 8px ${getShadowColor(color, 0.06, colorMode)},
|
|
45
|
+
0 5.7px 12px ${getShadowColor(color, 0.05, colorMode)},
|
|
46
|
+
0 15px 15px ${getShadowColor(color, 0.04, colorMode)};`;
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* bottomShadow
|
|
51
|
+
*/
|
|
52
|
+
export const euiShadowLarge = ({ euiTheme, colorMode }, { color: _color } = {}) => {
|
|
53
|
+
const color = _color || euiTheme.colors.shadow;
|
|
54
|
+
return `
|
|
55
|
+
box-shadow:
|
|
56
|
+
0 1px 5px ${getShadowColor(color, 0.1, colorMode)},
|
|
57
|
+
0 3.6px 13px ${getShadowColor(color, 0.07, colorMode)},
|
|
58
|
+
0 8.4px 23px ${getShadowColor(color, 0.06, colorMode)},
|
|
59
|
+
0 23px 35px ${getShadowColor(color, 0.05, colorMode)};
|
|
60
|
+
`;
|
|
61
|
+
};
|
|
62
|
+
export const euiShadowXLarge = ({ euiTheme, colorMode }, { color: _color, reverse } = {}) => {
|
|
63
|
+
const color = _color || euiTheme.colors.shadow;
|
|
64
|
+
return `
|
|
65
|
+
box-shadow:
|
|
66
|
+
0 ${reverse ? '-' : ''}2.7px 9px ${getShadowColor(color, 0.13, colorMode)},
|
|
67
|
+
0 ${reverse ? '-' : ''}9.4px 24px ${getShadowColor(color, 0.09, colorMode)},
|
|
68
|
+
0 ${reverse ? '-' : ''}21.8px 43px ${getShadowColor(color, 0.08, colorMode)};
|
|
69
|
+
`;
|
|
70
|
+
};
|
|
71
|
+
/**
|
|
72
|
+
* slightShadowHover
|
|
73
|
+
*/
|
|
74
|
+
export const euiSlightShadowHover = ({ euiTheme, colorMode }, { color: _color } = {}) => {
|
|
75
|
+
const color = _color || euiTheme.colors.shadow;
|
|
76
|
+
return `
|
|
77
|
+
box-shadow:
|
|
78
|
+
0 1px 5px ${getShadowColor(color, 0.1, colorMode)},
|
|
79
|
+
0 3.6px 13px ${getShadowColor(color, 0.07, colorMode)},
|
|
80
|
+
0 8.4px 23px ${getShadowColor(color, 0.06, colorMode)},
|
|
81
|
+
0 23px 35px ${getShadowColor(color, 0.05, colorMode)};
|
|
82
|
+
`;
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* bottomShadowFlat
|
|
86
|
+
*
|
|
87
|
+
* Similar to shadow medium but without the bottom depth.
|
|
88
|
+
* Useful for popovers that drop UP rather than DOWN.
|
|
89
|
+
*/
|
|
90
|
+
export const euiShadowFlat = ({ euiTheme, colorMode }, { color: _color } = {}) => {
|
|
91
|
+
const color = _color || euiTheme.colors.shadow;
|
|
92
|
+
return `
|
|
93
|
+
box-shadow:
|
|
94
|
+
0 0 .8px ${getShadowColor(color, 0.06, colorMode)},
|
|
95
|
+
0 0 2px ${getShadowColor(color, 0.04, colorMode)},
|
|
96
|
+
0 0 5px ${getShadowColor(color, 0.04, colorMode)},
|
|
97
|
+
0 0 17px ${getShadowColor(color, 0.03, colorMode)};
|
|
98
|
+
`;
|
|
99
|
+
};
|
|
100
|
+
export const euiShadow = (euiThemeContext, size = 'l', { color } = {}) => {
|
|
101
|
+
switch (size) {
|
|
102
|
+
case 'xs':
|
|
103
|
+
return euiShadowXSmall(euiThemeContext, { color });
|
|
104
|
+
case 's':
|
|
105
|
+
return euiShadowSmall(euiThemeContext, { color });
|
|
106
|
+
case 'm':
|
|
107
|
+
return euiShadowMedium(euiThemeContext, { color });
|
|
108
|
+
case 'l':
|
|
109
|
+
return euiShadowLarge(euiThemeContext, { color });
|
|
110
|
+
case 'xl':
|
|
111
|
+
return euiShadowXLarge(euiThemeContext, { color });
|
|
112
|
+
default:
|
|
113
|
+
console.warn('Please provide a valid size option to useEuiShadow');
|
|
114
|
+
return '';
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=shadow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/global_styling/mixins/shadow.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
export const breakpoint = {
|
|
9
|
+
xl: 1200,
|
|
10
|
+
l: 992,
|
|
11
|
+
m: 768,
|
|
12
|
+
s: 575,
|
|
13
|
+
xs: 0,
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=_breakpoint.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_breakpoint.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/_breakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,CAAC,MAAM,UAAU,GAAyB;IAC9C,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,CAAC;CACN,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ColorModeSwitch, StrictColorModeSwitch } from '
|
|
1
|
+
import { ColorModeSwitch, StrictColorModeSwitch } from '../../services/theme/types';
|
|
2
2
|
export declare type _EuiThemeButtonColors = {
|
|
3
3
|
backgroundPrimary: ColorModeSwitch;
|
|
4
4
|
backgroundAccent: ColorModeSwitch;
|