@semcore/core 17.0.1 → 17.1.0-prerelease.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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [17.1.0] - 2026-05-12
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [17.0.1] - 2026-04-16
6
12
 
7
13
  ### Fixed
@@ -27,7 +27,7 @@ function injectStyle(css) {
27
27
  sh = prevSh;
28
28
  } else {
29
29
  // @ts-ignore
30
- const version = "17.0.1";
30
+ const version = "17.1.0";
31
31
  sh = document.createElement('style');
32
32
  sh.setAttribute('data-ui-v', version);
33
33
  sh.classList.add(selectorClass);
@@ -21,7 +21,7 @@ function injectStyle(css) {
21
21
  sh = prevSh;
22
22
  } else {
23
23
  // @ts-ignore
24
- const version = "17.0.1";
24
+ const version = "17.1.0";
25
25
  sh = document.createElement('style');
26
26
  sh.setAttribute('data-ui-v', version);
27
27
  sh.classList.add(selectorClass);
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.useColorResolver = void 0;
8
- var _default = _interopRequireDefault(require("../../theme/themes/default"));
8
+ var _light = _interopRequireDefault(require("@semcore/theme/light"));
9
9
  var _logger = _interopRequireDefault(require("../logger"));
10
10
  var _ThemeProvider = require("../ThemeProvider");
11
- const defaultDesignTheme = _default.default;
11
+ const defaultDesignTheme = _light.default;
12
12
  const deprecatedPalette = {
13
13
  '--denim-blue': '#006dca',
14
14
  '--light-blue': '#008ff8',
@@ -1 +1 @@
1
- {"version":3,"file":"useColorResolver.js","names":["_default","_interopRequireDefault","require","_logger","_ThemeProvider","defaultDesignTheme","defaultDesignThemeJson","deprecatedPalette","makeDeprecationMessage","color","useColorResolver","contextTheme","useContextTokens","undefined","startsWith","logger","warn","resolvedColor","exports"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '../../theme/themes/default';\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n '--denim-blue': '#006dca',\n '--light-blue': '#008ff8',\n '--neon-blue': '#8ecdff',\n '--cyan': '#2bb3ff',\n '--green': '#009f81',\n '--dark-green': '#007c65',\n '--yellow': '#fdc23c',\n '--light-orange': '#ff8c43',\n '--orange': '#ff642d',\n '--dark-orange': '#c33909',\n '--red': '#ff4953',\n '--dark-red': '#d1002f',\n '--violet': '#ab6cfe',\n '--dark-violet': '#8649e1',\n '--pink': '#e14adf',\n '--asphalt': '#6c6e79',\n '--wall': '#8a8e9b',\n '--mist': '#a9abb6',\n '--mist-light': '#c4c7cf',\n '--stone': '#a9abb6',\n '--stone-light': '#c4c7cf',\n '--gray20': '#191b23',\n '--gray30': '#191b23',\n '--gray40': '#484a54',\n '--gray60': '#6c6e79',\n '--gray70': '#a9abb6',\n '--gray80': '#c4c7cf',\n '--gray94': '#e0e1e9',\n '--gray96': '#f4f5f9',\n '--mystic': '#f4f5f9',\n '--mercury': '#e0e1e9',\n '--blue50': '#e9f7ff',\n '--blue100': '#c4e5fe',\n '--blue400': '#008ff8',\n '--blue600': '#044792',\n '--green50': '#dbfee8',\n '--green100': '#9ef2c9',\n '--green200': '#59ddaa',\n '--green300': '#00c192',\n '--green600': '#055345',\n '--red50': '#fff0f7',\n '--red100': '#ffd7df',\n '--red200': '#ffaeb5',\n '--red300': '#ff8786',\n '--red600': '#8e0016',\n '--orange50': '#fff3d9',\n '--orange100': '#ffdca2',\n '--orange200': '#ffb26e',\n '--yellow100': '#fce081',\n '--iceberg-blue': '#6fafd4',\n '--salad': '#8bc835',\n '--granitic': '#2f3439',\n '--gray10': '#222222',\n '--sky': '#e1f2ff',\n '--lily': '#e6f9fd',\n '--marble': '#f1f6f8',\n '--googleplus': '#e14b3f',\n '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n const contextTheme = useContextTokens();\n\n return (color?: string) => {\n if (!color) return undefined as any;\n if (color.startsWith('--')) {\n if (deprecatedPalette[color]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[color];\n }\n let resolvedColor: string | undefined;\n\n if (contextTheme?.[color]) {\n resolvedColor = contextTheme[color];\n }\n if (defaultDesignTheme[color]) {\n resolvedColor = defaultDesignTheme[color];\n }\n\n if (resolvedColor) {\n return `var(${color}, ${resolvedColor})`;\n }\n\n return `var(${color})`;\n }\n if (defaultDesignTheme[`--intergalactic-${color}`]) {\n return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n }\n if (defaultDesignTheme[`--${color}`]) {\n return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n }\n if (deprecatedPalette[`--${color}`]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[`--${color}`];\n }\n return color;\n };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,MAAMG,kBAAkB,GAAGC,gBAAgD;AAC3E,MAAMC,iBAAyC,GAAG;EAChD,cAAc,EAAE,SAAS;EACzB,cAAc,EAAE,SAAS;EACzB,aAAa,EAAE,SAAS;EACxB,QAAQ,EAAE,SAAS;EACnB,SAAS,EAAE,SAAS;EACpB,cAAc,EAAE,SAAS;EACzB,UAAU,EAAE,SAAS;EACrB,gBAAgB,EAAE,SAAS;EAC3B,UAAU,EAAE,SAAS;EACrB,eAAe,EAAE,SAAS;EAC1B,OAAO,EAAE,SAAS;EAClB,YAAY,EAAE,SAAS;EACvB,UAAU,EAAE,SAAS;EACrB,eAAe,EAAE,SAAS;EAC1B,QAAQ,EAAE,SAAS;EACnB,WAAW,EAAE,SAAS;EACtB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,cAAc,EAAE,SAAS;EACzB,SAAS,EAAE,SAAS;EACpB,eAAe,EAAE,SAAS;EAC1B,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,WAAW,EAAE,SAAS;EACtB,UAAU,EAAE,SAAS;EACrB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,SAAS,EAAE,SAAS;EACpB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,YAAY,EAAE,SAAS;EACvB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EACxB,gBAAgB,EAAE,SAAS;EAC3B,SAAS,EAAE,SAAS;EACpB,YAAY,EAAE,SAAS;EACvB,UAAU,EAAE,SAAS;EACrB,OAAO,EAAE,SAAS;EAClB,QAAQ,EAAE,SAAS;EACnB,UAAU,EAAE,SAAS;EACrB,cAAc,EAAE,SAAS;EACzB,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,sBAAsB,GAAIC,KAAa,IAC3C,iBAAiBA,KAAK,kMAAkM;AAEnN,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,YAAY,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EAEvC,OAAQH,KAAc,IAAK;IACzB,IAAI,CAACA,KAAK,EAAE,OAAOI,SAAS;IAC5B,IAAIJ,KAAK,CAACK,UAAU,CAAC,IAAI,CAAC,EAAE;MAC1B,IAAIP,iBAAiB,CAACE,KAAK,CAAC,EAAE;QAC5BM,eAAM,CAACC,IAAI,CAAC,IAAI,EAAER,sBAAsB,CAACC,KAAK,CAAC,EAAEI,SAAS,CAAC;QAC3D,OAAON,iBAAiB,CAACE,KAAK,CAAC;MACjC;MACA,IAAIQ,aAAiC;MAErC,IAAIN,YAAY,GAAGF,KAAK,CAAC,EAAE;QACzBQ,aAAa,GAAGN,YAAY,CAACF,KAAK,CAAC;MACrC;MACA,IAAIJ,kBAAkB,CAACI,KAAK,CAAC,EAAE;QAC7BQ,aAAa,GAAGZ,kBAAkB,CAACI,KAAK,CAAC;MAC3C;MAEA,IAAIQ,aAAa,EAAE;QACjB,OAAO,OAAOR,KAAK,KAAKQ,aAAa,GAAG;MAC1C;MAEA,OAAO,OAAOR,KAAK,GAAG;IACxB;IACA,IAAIJ,kBAAkB,CAAC,mBAAmBI,KAAK,EAAE,CAAC,EAAE;MAClD,OAAO,uBAAuBA,KAAK,KAAKJ,kBAAkB,CAAC,mBAAmBI,KAAK,EAAE,CAAC,GAAG;IAC3F;IACA,IAAIJ,kBAAkB,CAAC,KAAKI,KAAK,EAAE,CAAC,EAAE;MACpC,OAAO,SAASA,KAAK,KAAKJ,kBAAkB,CAAC,KAAKI,KAAK,EAAE,CAAC,GAAG;IAC/D;IACA,IAAIF,iBAAiB,CAAC,KAAKE,KAAK,EAAE,CAAC,EAAE;MACnCM,eAAM,CAACC,IAAI,CAAC,IAAI,EAAER,sBAAsB,CAACC,KAAK,CAAC,EAAEI,SAAS,CAAC;MAC3D,OAAON,iBAAiB,CAAC,KAAKE,KAAK,EAAE,CAAC;IACxC;IACA,OAAOA,KAAK;EACd,CAAC;AACH,CAAC;AAACS,OAAA,CAAAR,gBAAA,GAAAA,gBAAA","ignoreList":[]}
1
+ {"version":3,"file":"useColorResolver.js","names":["_light","_interopRequireDefault","require","_logger","_ThemeProvider","defaultDesignTheme","defaultDesignThemeJson","deprecatedPalette","makeDeprecationMessage","color","useColorResolver","contextTheme","useContextTokens","undefined","startsWith","logger","warn","resolvedColor","exports"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '@semcore/theme/light';\n\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n '--denim-blue': '#006dca',\n '--light-blue': '#008ff8',\n '--neon-blue': '#8ecdff',\n '--cyan': '#2bb3ff',\n '--green': '#009f81',\n '--dark-green': '#007c65',\n '--yellow': '#fdc23c',\n '--light-orange': '#ff8c43',\n '--orange': '#ff642d',\n '--dark-orange': '#c33909',\n '--red': '#ff4953',\n '--dark-red': '#d1002f',\n '--violet': '#ab6cfe',\n '--dark-violet': '#8649e1',\n '--pink': '#e14adf',\n '--asphalt': '#6c6e79',\n '--wall': '#8a8e9b',\n '--mist': '#a9abb6',\n '--mist-light': '#c4c7cf',\n '--stone': '#a9abb6',\n '--stone-light': '#c4c7cf',\n '--gray20': '#191b23',\n '--gray30': '#191b23',\n '--gray40': '#484a54',\n '--gray60': '#6c6e79',\n '--gray70': '#a9abb6',\n '--gray80': '#c4c7cf',\n '--gray94': '#e0e1e9',\n '--gray96': '#f4f5f9',\n '--mystic': '#f4f5f9',\n '--mercury': '#e0e1e9',\n '--blue50': '#e9f7ff',\n '--blue100': '#c4e5fe',\n '--blue400': '#008ff8',\n '--blue600': '#044792',\n '--green50': '#dbfee8',\n '--green100': '#9ef2c9',\n '--green200': '#59ddaa',\n '--green300': '#00c192',\n '--green600': '#055345',\n '--red50': '#fff0f7',\n '--red100': '#ffd7df',\n '--red200': '#ffaeb5',\n '--red300': '#ff8786',\n '--red600': '#8e0016',\n '--orange50': '#fff3d9',\n '--orange100': '#ffdca2',\n '--orange200': '#ffb26e',\n '--yellow100': '#fce081',\n '--iceberg-blue': '#6fafd4',\n '--salad': '#8bc835',\n '--granitic': '#2f3439',\n '--gray10': '#222222',\n '--sky': '#e1f2ff',\n '--lily': '#e6f9fd',\n '--marble': '#f1f6f8',\n '--googleplus': '#e14b3f',\n '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n const contextTheme = useContextTokens();\n\n return (color?: string) => {\n if (!color) return undefined as any;\n if (color.startsWith('--')) {\n if (deprecatedPalette[color]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[color];\n }\n let resolvedColor: string | undefined;\n\n if (contextTheme?.[color]) {\n resolvedColor = contextTheme[color];\n }\n if (defaultDesignTheme[color]) {\n resolvedColor = defaultDesignTheme[color];\n }\n\n if (resolvedColor) {\n return `var(${color}, ${resolvedColor})`;\n }\n\n return `var(${color})`;\n }\n if (defaultDesignTheme[`--intergalactic-${color}`]) {\n return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n }\n if (defaultDesignTheme[`--${color}`]) {\n return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n }\n if (deprecatedPalette[`--${color}`]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[`--${color}`];\n }\n return color;\n };\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import defaultDesignThemeJson from "../../theme/themes/default.mjs";
1
+ import defaultDesignThemeJson from '@semcore/theme/light';
2
2
  import logger from "../logger.mjs";
3
3
  import { useContextTokens } from "../ThemeProvider.mjs";
4
4
  const defaultDesignTheme = defaultDesignThemeJson;
@@ -1 +1 @@
1
- {"version":3,"file":"useColorResolver.mjs","names":["defaultDesignThemeJson","logger","useContextTokens","defaultDesignTheme","deprecatedPalette","makeDeprecationMessage","color","useColorResolver","contextTheme","undefined","startsWith","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '../../theme/themes/default';\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n '--denim-blue': '#006dca',\n '--light-blue': '#008ff8',\n '--neon-blue': '#8ecdff',\n '--cyan': '#2bb3ff',\n '--green': '#009f81',\n '--dark-green': '#007c65',\n '--yellow': '#fdc23c',\n '--light-orange': '#ff8c43',\n '--orange': '#ff642d',\n '--dark-orange': '#c33909',\n '--red': '#ff4953',\n '--dark-red': '#d1002f',\n '--violet': '#ab6cfe',\n '--dark-violet': '#8649e1',\n '--pink': '#e14adf',\n '--asphalt': '#6c6e79',\n '--wall': '#8a8e9b',\n '--mist': '#a9abb6',\n '--mist-light': '#c4c7cf',\n '--stone': '#a9abb6',\n '--stone-light': '#c4c7cf',\n '--gray20': '#191b23',\n '--gray30': '#191b23',\n '--gray40': '#484a54',\n '--gray60': '#6c6e79',\n '--gray70': '#a9abb6',\n '--gray80': '#c4c7cf',\n '--gray94': '#e0e1e9',\n '--gray96': '#f4f5f9',\n '--mystic': '#f4f5f9',\n '--mercury': '#e0e1e9',\n '--blue50': '#e9f7ff',\n '--blue100': '#c4e5fe',\n '--blue400': '#008ff8',\n '--blue600': '#044792',\n '--green50': '#dbfee8',\n '--green100': '#9ef2c9',\n '--green200': '#59ddaa',\n '--green300': '#00c192',\n '--green600': '#055345',\n '--red50': '#fff0f7',\n '--red100': '#ffd7df',\n '--red200': '#ffaeb5',\n '--red300': '#ff8786',\n '--red600': '#8e0016',\n '--orange50': '#fff3d9',\n '--orange100': '#ffdca2',\n '--orange200': '#ffb26e',\n '--yellow100': '#fce081',\n '--iceberg-blue': '#6fafd4',\n '--salad': '#8bc835',\n '--granitic': '#2f3439',\n '--gray10': '#222222',\n '--sky': '#e1f2ff',\n '--lily': '#e6f9fd',\n '--marble': '#f1f6f8',\n '--googleplus': '#e14b3f',\n '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n const contextTheme = useContextTokens();\n\n return (color?: string) => {\n if (!color) return undefined as any;\n if (color.startsWith('--')) {\n if (deprecatedPalette[color]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[color];\n }\n let resolvedColor: string | undefined;\n\n if (contextTheme?.[color]) {\n resolvedColor = contextTheme[color];\n }\n if (defaultDesignTheme[color]) {\n resolvedColor = defaultDesignTheme[color];\n }\n\n if (resolvedColor) {\n return `var(${color}, ${resolvedColor})`;\n }\n\n return `var(${color})`;\n }\n if (defaultDesignTheme[`--intergalactic-${color}`]) {\n return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n }\n if (defaultDesignTheme[`--${color}`]) {\n return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n }\n if (deprecatedPalette[`--${color}`]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[`--${color}`];\n }\n return color;\n };\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"useColorResolver.mjs","names":["defaultDesignThemeJson","logger","useContextTokens","defaultDesignTheme","deprecatedPalette","makeDeprecationMessage","color","useColorResolver","contextTheme","undefined","startsWith","warn","resolvedColor"],"sources":["../../../src/utils/use/useColorResolver.ts"],"sourcesContent":["import defaultDesignThemeJson from '@semcore/theme/light';\n\nimport logger from '../logger';\nimport { useContextTokens } from '../ThemeProvider';\n\nconst defaultDesignTheme = defaultDesignThemeJson as Record<string, string>;\nconst deprecatedPalette: Record<string, string> = {\n '--denim-blue': '#006dca',\n '--light-blue': '#008ff8',\n '--neon-blue': '#8ecdff',\n '--cyan': '#2bb3ff',\n '--green': '#009f81',\n '--dark-green': '#007c65',\n '--yellow': '#fdc23c',\n '--light-orange': '#ff8c43',\n '--orange': '#ff642d',\n '--dark-orange': '#c33909',\n '--red': '#ff4953',\n '--dark-red': '#d1002f',\n '--violet': '#ab6cfe',\n '--dark-violet': '#8649e1',\n '--pink': '#e14adf',\n '--asphalt': '#6c6e79',\n '--wall': '#8a8e9b',\n '--mist': '#a9abb6',\n '--mist-light': '#c4c7cf',\n '--stone': '#a9abb6',\n '--stone-light': '#c4c7cf',\n '--gray20': '#191b23',\n '--gray30': '#191b23',\n '--gray40': '#484a54',\n '--gray60': '#6c6e79',\n '--gray70': '#a9abb6',\n '--gray80': '#c4c7cf',\n '--gray94': '#e0e1e9',\n '--gray96': '#f4f5f9',\n '--mystic': '#f4f5f9',\n '--mercury': '#e0e1e9',\n '--blue50': '#e9f7ff',\n '--blue100': '#c4e5fe',\n '--blue400': '#008ff8',\n '--blue600': '#044792',\n '--green50': '#dbfee8',\n '--green100': '#9ef2c9',\n '--green200': '#59ddaa',\n '--green300': '#00c192',\n '--green600': '#055345',\n '--red50': '#fff0f7',\n '--red100': '#ffd7df',\n '--red200': '#ffaeb5',\n '--red300': '#ff8786',\n '--red600': '#8e0016',\n '--orange50': '#fff3d9',\n '--orange100': '#ffdca2',\n '--orange200': '#ffb26e',\n '--yellow100': '#fce081',\n '--iceberg-blue': '#6fafd4',\n '--salad': '#8bc835',\n '--granitic': '#2f3439',\n '--gray10': '#222222',\n '--sky': '#e1f2ff',\n '--lily': '#e6f9fd',\n '--marble': '#f1f6f8',\n '--googleplus': '#e14b3f',\n '--linkedin': '#1a7ab2',\n};\n\nconst makeDeprecationMessage = (color: string) =>\n `You are using ${color} color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.`;\n\nexport const useColorResolver = () => {\n const contextTheme = useContextTokens();\n\n return (color?: string) => {\n if (!color) return undefined as any;\n if (color.startsWith('--')) {\n if (deprecatedPalette[color]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[color];\n }\n let resolvedColor: string | undefined;\n\n if (contextTheme?.[color]) {\n resolvedColor = contextTheme[color];\n }\n if (defaultDesignTheme[color]) {\n resolvedColor = defaultDesignTheme[color];\n }\n\n if (resolvedColor) {\n return `var(${color}, ${resolvedColor})`;\n }\n\n return `var(${color})`;\n }\n if (defaultDesignTheme[`--intergalactic-${color}`]) {\n return `var(--intergalactic-${color}, ${defaultDesignTheme[`--intergalactic-${color}`]})`;\n }\n if (defaultDesignTheme[`--${color}`]) {\n return `var(--${color}, ${defaultDesignTheme[`--${color}`]})`;\n }\n if (deprecatedPalette[`--${color}`]) {\n logger.warn(true, makeDeprecationMessage(color), undefined);\n return deprecatedPalette[`--${color}`];\n }\n return color;\n };\n};\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,sBAAsB;AAEzD,OAAOC,MAAM,MAAM,eAAW;AAC9B,SAASC,gBAAgB,QAAQ,sBAAkB;AAEnD,MAAMC,kBAAkB,GAAGH,sBAAgD;AAC3E,MAAMI,iBAAyC,GAAG;EAChD,cAAc,EAAE,SAAS;EACzB,cAAc,EAAE,SAAS;EACzB,aAAa,EAAE,SAAS;EACxB,QAAQ,EAAE,SAAS;EACnB,SAAS,EAAE,SAAS;EACpB,cAAc,EAAE,SAAS;EACzB,UAAU,EAAE,SAAS;EACrB,gBAAgB,EAAE,SAAS;EAC3B,UAAU,EAAE,SAAS;EACrB,eAAe,EAAE,SAAS;EAC1B,OAAO,EAAE,SAAS;EAClB,YAAY,EAAE,SAAS;EACvB,UAAU,EAAE,SAAS;EACrB,eAAe,EAAE,SAAS;EAC1B,QAAQ,EAAE,SAAS;EACnB,WAAW,EAAE,SAAS;EACtB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,cAAc,EAAE,SAAS;EACzB,SAAS,EAAE,SAAS;EACpB,eAAe,EAAE,SAAS;EAC1B,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,WAAW,EAAE,SAAS;EACtB,UAAU,EAAE,SAAS;EACrB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,WAAW,EAAE,SAAS;EACtB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,SAAS,EAAE,SAAS;EACpB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,UAAU,EAAE,SAAS;EACrB,YAAY,EAAE,SAAS;EACvB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EACxB,gBAAgB,EAAE,SAAS;EAC3B,SAAS,EAAE,SAAS;EACpB,YAAY,EAAE,SAAS;EACvB,UAAU,EAAE,SAAS;EACrB,OAAO,EAAE,SAAS;EAClB,QAAQ,EAAE,SAAS;EACnB,UAAU,EAAE,SAAS;EACrB,cAAc,EAAE,SAAS;EACzB,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,sBAAsB,GAAIC,KAAa,IAC3C,iBAAiBA,KAAK,kMAAkM;AAE1N,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,YAAY,GAAGN,gBAAgB,CAAC,CAAC;EAEvC,OAAQI,KAAc,IAAK;IACzB,IAAI,CAACA,KAAK,EAAE,OAAOG,SAAS;IAC5B,IAAIH,KAAK,CAACI,UAAU,CAAC,IAAI,CAAC,EAAE;MAC1B,IAAIN,iBAAiB,CAACE,KAAK,CAAC,EAAE;QAC5BL,MAAM,CAACU,IAAI,CAAC,IAAI,EAAEN,sBAAsB,CAACC,KAAK,CAAC,EAAEG,SAAS,CAAC;QAC3D,OAAOL,iBAAiB,CAACE,KAAK,CAAC;MACjC;MACA,IAAIM,aAAiC;MAErC,IAAIJ,YAAY,GAAGF,KAAK,CAAC,EAAE;QACzBM,aAAa,GAAGJ,YAAY,CAACF,KAAK,CAAC;MACrC;MACA,IAAIH,kBAAkB,CAACG,KAAK,CAAC,EAAE;QAC7BM,aAAa,GAAGT,kBAAkB,CAACG,KAAK,CAAC;MAC3C;MAEA,IAAIM,aAAa,EAAE;QACjB,OAAO,OAAON,KAAK,KAAKM,aAAa,GAAG;MAC1C;MAEA,OAAO,OAAON,KAAK,GAAG;IACxB;IACA,IAAIH,kBAAkB,CAAC,mBAAmBG,KAAK,EAAE,CAAC,EAAE;MAClD,OAAO,uBAAuBA,KAAK,KAAKH,kBAAkB,CAAC,mBAAmBG,KAAK,EAAE,CAAC,GAAG;IAC3F;IACA,IAAIH,kBAAkB,CAAC,KAAKG,KAAK,EAAE,CAAC,EAAE;MACpC,OAAO,SAASA,KAAK,KAAKH,kBAAkB,CAAC,KAAKG,KAAK,EAAE,CAAC,GAAG;IAC/D;IACA,IAAIF,iBAAiB,CAAC,KAAKE,KAAK,EAAE,CAAC,EAAE;MACnCL,MAAM,CAACU,IAAI,CAAC,IAAI,EAAEN,sBAAsB,CAACC,KAAK,CAAC,EAAEG,SAAS,CAAC;MAC3D,OAAOL,iBAAiB,CAAC,KAAKE,KAAK,EAAE,CAAC;IACxC;IACA,OAAOA,KAAK;EACd,CAAC;AACH,CAAC","ignoreList":[]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/core",
3
3
  "description": "Semrush Core Component",
4
- "version": "17.0.1",
4
+ "version": "17.1.0-prerelease.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.mjs",
7
7
  "typings": "lib/index.d.ts",
@@ -318,7 +318,8 @@
318
318
  },
319
319
  "peerDependencies": {
320
320
  "react": "16.8 - 19",
321
- "react-dom": "16.8 - 19"
321
+ "react-dom": "16.8 - 19",
322
+ "@semcore/theme": "*"
322
323
  },
323
324
  "repository": {
324
325
  "type": "git",
@@ -328,10 +329,8 @@
328
329
  "devDependencies": {
329
330
  "@types/classnames": "2.2.6",
330
331
  "@types/hoist-non-react-statics": "^3.3.6",
331
- "colorjs.io": "0.4.3",
332
- "postcss": "8.4.33",
333
- "postcss-value-parser": "4.1.0",
334
- "@semcore/testing-utils": "1.0.0"
332
+ "@semcore/testing-utils": "1.0.0",
333
+ "@semcore/theme": "1.0.0"
335
334
  },
336
335
  "scripts": {
337
336
  "build": "pnpm semcore-builder --coreUtils && pnpm vite build"
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "extends": "../../tsconfig.json",
3
- "include": ["src/utils", "src/decorators"]
3
+ "include": ["src/utils", "src/decorators", "../../tools/theme/src"]
4
4
  }
package/vite.config.ts CHANGED
@@ -15,7 +15,7 @@ export default mergeConfig(
15
15
  'react-dom',
16
16
  'react/jsx-runtime',
17
17
  /@babel\/runtime\/*/,
18
- /@semcore\/*/,
18
+ /@semcore\/(?!theme$)/,
19
19
 
20
20
  '@formatjs/intl',
21
21
  'classnames',