@skbkontur/react-ui 5.0.12 → 5.1.0-next.1

package/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -1,4 +1,12 @@
+import warning from 'warning';
 import { isNonNullable } from "../../utils";
+import { isThemeVersionGTE } from "../ThemeVersions";
+
+/**
+ * Makes all computable theme variables (getters) visible to the Object.keys(theme)
+ * @param theme Theme object
+ * @returns The given theme object with all getters made enumerable
+ */
 export var exposeGetters = function exposeGetters(theme) {
   var descriptors = Object.getOwnPropertyDescriptors(theme);
   Object.keys(descriptors).forEach(function (key) {
@@ -15,9 +23,9 @@ export var REACT_UI_THEME_MARKERS = {
     key: '__IS_REACT_UI_DARK_THEME__',
     value: true
   },
-  theme2022: {
-    key: '__IS_REACT_UI_THEME_2022__',
-    value: true
+  themeVersion: {
+    key: '__REACT_UI_THEME_VERSION__',
+    value: null
   }
 };
 
@@ -27,6 +35,12 @@ export var isDarkTheme = function isDarkTheme(theme) {
   // @ts-expect-error: internal value.
   return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;
 };
+
+/**
+ * Marks the given theme as "dark"
+ * @param theme Theme object
+ * @returns The given theme object with a "dark theme" mark
+ */
 export var markAsDarkTheme = function markAsDarkTheme(theme) {
   var _Object$create;
   return Object.create(theme, (_Object$create = {}, _Object$create[REACT_UI_THEME_MARKERS.darkTheme.key] = {
@@ -36,19 +50,47 @@ export var markAsDarkTheme = function markAsDarkTheme(theme) {
     configurable: false
   }, _Object$create));
 };
-export var markAsTheme2022 = function markAsTheme2022(theme) {
-  var _Object$create2;
-  return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.theme2022.key] = {
-    value: REACT_UI_THEME_MARKERS.theme2022.value,
-    writable: false,
-    enumerable: false,
-    configurable: false
-  }, _Object$create2));
+
+/**
+ * Creates a marker for the theme, that will mark it with a version
+ * @param version Theme version
+ * @returns A marker that marks the given theme with the given version once applied
+ */
+export var markThemeVersion = function markThemeVersion(version) {
+  return function (theme) {
+    var _Object$create2;
+    return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.themeVersion.key] = {
+      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,
+      writable: false,
+      enumerable: false,
+      configurable: false
+    }, _Object$create2));
+  };
 };
-export var isTheme2022 = function isTheme2022(theme) {
+
+/**
+ * Checks if the given theme's version is "greater or equal" then the given version
+ * @param theme Theme object
+ * @param version A string version
+ * @returns Boolean result
+ */
+export var isThemeGTE = function isThemeGTE(theme, version) {
+  var themeVersion =
   // @ts-expect-error: internal value.
-  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+  theme[REACT_UI_THEME_MARKERS.themeVersion.key];
+  if (!themeVersion) {
+    warning(true, "[ThemeHelpers]: The theme doesn't have a version. Checking for " + version + ".");
+    return false;
+  }
+  return isThemeVersionGTE(themeVersion, version);
 };
+
+/**
+ * Finds the given theme's object property descriptor by its name
+ * @param theme Theme object
+ * @param propName The property name
+ * @returns The found descriptor or an empty object
+ */
 export function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.
@@ -60,10 +102,35 @@ export function findPropertyDescriptor(theme, propName) {
   }
   return {};
 }
+
+/**
+ * Marks the given theme with the given markers
+ * @param theme Theme object
+ * @param markers Markers array
+ * @returns The given theme marked with the given marks
+ */
 export function applyMarkers(theme, markers) {
-  var markedTheme = theme;
-  markers.forEach(function (marker) {
-    markedTheme = marker(theme);
-  });
-  return markedTheme;
+  return markers.reduce(function (markedTheme, marker) {
+    return marker(markedTheme);
+  }, Object.create(theme));
+}
+
+/**
+ * Creates a theme object out of the given class with variables
+ * @param options Options object
+ * @param options.themeClass A class with variables
+ * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme
+ * @param [options.themeMarkers] An optional array of markers, that new them will be marked of
+ * @returns The new theme object
+ */
+export function createTheme(options) {
+  var themeClass = options.themeClass,
+    prototypeTheme = options.prototypeTheme,
+    _options$themeMarkers = options.themeMarkers,
+    themeMarkers = _options$themeMarkers === void 0 ? [] : _options$themeMarkers;
+  if (prototypeTheme) {
+    Object.setPrototypeOf(themeClass, prototypeTheme);
+  }
+  var theme = applyMarkers(exposeGetters(themeClass), themeMarkers);
+  return Object.freeze(theme);
 }

package/lib/theming/ThemeHelpers/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["isNonNullable","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","theme2022","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","_Object$create","create","writable","markAsTheme2022","_Object$create2","isTheme2022","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"sources":["ThemeHelpers.ts"],"sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;\nexport type Markers = Marker[];\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  theme2022: {\n    key: '__IS_REACT_UI_THEME_2022__',\n    value: true,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const markAsTheme2022: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.theme2022.key]: {\n      value: REACT_UI_THEME_MARKERS.theme2022.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isTheme2022 = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\nexport function applyMarkers(theme: Readonly<Theme>, markers: Markers) {\n  let markedTheme: Readonly<Theme> = theme;\n  markers.forEach((marker) => {\n    markedTheme = marker(theme);\n  });\n  return markedTheme;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["warning","isNonNullable","isThemeVersionGTE","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","themeVersion","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","_Object$create","create","writable","markThemeVersion","version","_Object$create2","isThemeGTE","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","reduce","markedTheme","marker","createTheme","options","themeClass","prototypeTheme","_options$themeMarkers","themeMarkers","setPrototypeOf","freeze"],"sources":["ThemeHelpers.ts"],"sourcesContent":["import warning from 'warning';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { isThemeVersionGTE, ThemeVersions } from './ThemeVersions';\n\nexport type Marker = (theme: Theme) => Theme;\nexport type Markers = Marker[];\n\n/**\n * Makes all computable theme variables (getters) visible to the Object.keys(theme)\n * @param theme Theme object\n * @returns The given theme object with all getters made enumerable\n */\nexport const exposeGetters = (theme: Theme): Theme => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS: {\n  darkTheme: {\n    key: string;\n    value: true;\n  };\n  themeVersion: {\n    key: string;\n    value: ThemeVersions | null;\n  };\n} = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  themeVersion: {\n    key: '__REACT_UI_THEME_VERSION__',\n    value: null,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\n/**\n * Marks the given theme as \"dark\"\n * @param theme Theme object\n * @returns The given theme object with a \"dark theme\" mark\n */\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Creates a marker for the theme, that will mark it with a version\n * @param version Theme version\n * @returns A marker that marks the given theme with the given version once applied\n */\nexport const markThemeVersion: (version: ThemeVersions) => Marker = (version) => (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.themeVersion.key]: {\n      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Checks if the given theme's version is \"greater or equal\" then the given version\n * @param theme Theme object\n * @param version A string version\n * @returns Boolean result\n */\nexport const isThemeGTE = (theme: Theme | ThemeIn, version: ThemeVersions): boolean => {\n  const themeVersion: Nullable<ThemeVersions> =\n    // @ts-expect-error: internal value.\n    theme[REACT_UI_THEME_MARKERS.themeVersion.key];\n\n  if (!themeVersion) {\n    warning(true, `[ThemeHelpers]: The theme doesn't have a version. Checking for ${version}.`);\n    return false;\n  }\n\n  return isThemeVersionGTE(themeVersion, version);\n};\n\n/**\n * Finds the given theme's object property descriptor by its name\n * @param theme Theme object\n * @param propName The property name\n * @returns The found descriptor or an empty object\n */\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\n/**\n * Marks the given theme with the given markers\n * @param theme Theme object\n * @param markers Markers array\n * @returns The given theme marked with the given marks\n */\nexport function applyMarkers(theme: Theme, markers: Markers): Theme {\n  return markers.reduce((markedTheme, marker) => {\n    return marker(markedTheme);\n  }, Object.create(theme));\n}\n\n/**\n * Creates a theme object out of the given class with variables\n * @param options Options object\n * @param options.themeClass A class with variables\n * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme\n * @param [options.themeMarkers] An optional array of markers, that new them will be marked of\n * @returns The new theme object\n */\nexport function createTheme(options: { themeClass: Theme; prototypeTheme?: Theme; themeMarkers?: Markers }): Theme {\n  const { themeClass, prototypeTheme, themeMarkers = [] } = options;\n\n  if (prototypeTheme) {\n    Object.setPrototypeOf(themeClass, prototypeTheme);\n  }\n\n  const theme = applyMarkers(exposeGetters(themeClass), themeMarkers);\n\n  return Object.freeze(theme);\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/theming/ThemeHelpers.d.ts

@@ -1,21 +1,68 @@
 import { Theme, ThemeIn } from './Theme';
-export type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;
+import { ThemeVersions } from './ThemeVersions';
+export type Marker = (theme: Theme) => Theme;
 export type Markers = Marker[];
-export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
+/**
+ * Makes all computable theme variables (getters) visible to the Object.keys(theme)
+ * @param theme Theme object
+ * @returns The given theme object with all getters made enumerable
+ */
+export declare const exposeGetters: (theme: Theme) => Theme;
 export declare const REACT_UI_THEME_MARKERS: {
     darkTheme: {
         key: string;
-        value: boolean;
+        value: true;
     };
-    theme2022: {
+    themeVersion: {
         key: string;
-        value: boolean;
+        value: ThemeVersions | null;
     };
 };
 export declare const REACT_UI_DARK_THEME_KEY: string;
 export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
+/**
+ * Marks the given theme as "dark"
+ * @param theme Theme object
+ * @returns The given theme object with a "dark theme" mark
+ */
 export declare const markAsDarkTheme: Marker;
-export declare const markAsTheme2022: Marker;
-export declare const isTheme2022: (theme: Theme | ThemeIn) => boolean;
+/**
+ * Creates a marker for the theme, that will mark it with a version
+ * @param version Theme version
+ * @returns A marker that marks the given theme with the given version once applied
+ */
+export declare const markThemeVersion: (version: ThemeVersions) => Marker;
+/**
+ * Checks if the given theme's version is "greater or equal" then the given version
+ * @param theme Theme object
+ * @param version A string version
+ * @returns Boolean result
+ */
+export declare const isThemeGTE: (theme: Theme | ThemeIn, version: ThemeVersions) => boolean;
+/**
+ * Finds the given theme's object property descriptor by its name
+ * @param theme Theme object
+ * @param propName The property name
+ * @returns The found descriptor or an empty object
+ */
 export declare function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor;
-export declare function applyMarkers(theme: Readonly<Theme>, markers: Markers): Readonly<Readonly<typeof import("../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+/**
+ * Marks the given theme with the given markers
+ * @param theme Theme object
+ * @param markers Markers array
+ * @returns The given theme marked with the given marks
+ */
+export declare function applyMarkers(theme: Theme, markers: Markers): Theme;
+/**
+ * Creates a theme object out of the given class with variables
+ * @param options Options object
+ * @param options.themeClass A class with variables
+ * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme
+ * @param [options.themeMarkers] An optional array of markers, that new them will be marked of
+ * @returns The new theme object
+ */
+export declare function createTheme(options: {
+    themeClass: Theme;
+    prototypeTheme?: Theme;
+    themeMarkers?: Markers;
+}): Theme;

package/lib/theming/ThemeVersions/ThemeVersions.js

@@ -0,0 +1,50 @@
+/**
+ * Converts a string theme version to the object with numbers
+ * @param str A string with version (e.g. "1.0")
+ * @param [separator="."] Optional major and minor string separator. By default is "."
+ * @returns An object of type { major: number; minor: number } or null, if the given string is invalid
+ */
+export var parseThemeVersion = function parseThemeVersion(str, separator) {
+  if (separator === void 0) {
+    separator = '\\.';
+  }
+  var match = str.match(new RegExp("(\\d+)" + separator + "(\\d+)"));
+  var major = match == null ? void 0 : match[1];
+  var minor = match == null ? void 0 : match[2];
+  if (!major || !minor) {
+    return null;
+  }
+  return {
+    major: Number(major),
+    minor: Number(minor)
+  };
+};
+
+/**
+ * Extracts a version from a theme name
+ * @param name A string theme name (e.g. "LIGHT_THEME_1_0")
+ * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version
+ */
+export var parseVersionFromThemeName = function parseVersionFromThemeName(name) {
+  return parseThemeVersion(name, '_');
+};
+
+/**
+ * Checks if one string theme version is "greater or equal" than another one
+ * @param v1 The version being compared (e.g. "1.0")
+ * @param v2 The version being compared to (e.g. "2.0")
+ * @returns Boolean result
+ */
+export var isThemeVersionGTE = function isThemeVersionGTE(v1, v2) {
+  var parsedV1 = parseThemeVersion(v1);
+  var parsedV2 = parseThemeVersion(v2);
+  if (!parsedV1 || !parsedV2) {
+    return false;
+  }
+  if (parsedV1.major > parsedV2.major) {
+    return true;
+  } else if (parsedV1.major === parsedV2.major) {
+    return parsedV1.minor >= parsedV2.minor;
+  }
+  return false;
+};

package/lib/theming/ThemeVersions/ThemeVersions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseThemeVersion","str","separator","match","RegExp","major","minor","Number","parseVersionFromThemeName","name","isThemeVersionGTE","v1","v2","parsedV1","parsedV2"],"sources":["ThemeVersions.ts"],"sourcesContent":["export type ThemeVersions = '5.0' | '5.1';\nexport interface ThemeVersionParsed {\n  major: number;\n  minor: number;\n}\n\n/**\n * Converts a string theme version to the object with numbers\n * @param str A string with version (e.g. \"1.0\")\n * @param [separator=\".\"] Optional major and minor string separator. By default is \".\"\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid\n */\nexport const parseThemeVersion = (str: string, separator: string = '\\\\.'): ThemeVersionParsed | null => {\n  const match = str.match(new RegExp(`(\\\\d+)${separator}(\\\\d+)`));\n  const major = match?.[1];\n  const minor = match?.[2];\n\n  if (!major || !minor) {\n    return null;\n  }\n\n  return {\n    major: Number(major),\n    minor: Number(minor),\n  };\n};\n\n/**\n * Extracts a version from a theme name\n * @param name A string theme name (e.g. \"LIGHT_THEME_1_0\")\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version\n */\nexport const parseVersionFromThemeName = (name: string): ThemeVersionParsed | null => {\n  return parseThemeVersion(name, '_');\n};\n\n/**\n * Checks if one string theme version is \"greater or equal\" than another one\n * @param v1 The version being compared (e.g. \"1.0\")\n * @param v2 The version being compared to (e.g. \"2.0\")\n * @returns Boolean result\n */\nexport const isThemeVersionGTE = (v1: ThemeVersions, v2: ThemeVersions): boolean => {\n  const parsedV1 = parseThemeVersion(v1);\n  const parsedV2 = parseThemeVersion(v2);\n\n  if (!parsedV1 || !parsedV2) {\n    return false;\n  }\n\n  if (parsedV1.major > parsedV2.major) {\n    return true;\n  } else if (parsedV1.major === parsedV2.major) {\n    return parsedV1.minor >= parsedV2.minor;\n  }\n\n  return false;\n};\n"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,GAAW,EAAEC,SAAiB,EAAwC,KAAzDA,SAAiB,cAAjBA,SAAiB,GAAG,KAAK;EACtE,IAAMC,KAAK,GAAGF,GAAG,CAACE,KAAK,CAAC,IAAIC,MAAM,YAAUF,SAAS,WAAQ,CAAC,CAAC;EAC/D,IAAMG,KAAK,GAAGF,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;EACxB,IAAMG,KAAK,GAAGH,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;;EAExB,IAAI,CAACE,KAAK,IAAI,CAACC,KAAK,EAAE;IACpB,OAAO,IAAI;EACb;;EAEA,OAAO;IACLD,KAAK,EAAEE,MAAM,CAACF,KAAK,CAAC;IACpBC,KAAK,EAAEC,MAAM,CAACD,KAAK;EACrB,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,IAAY,EAAgC;EACpF,OAAOT,iBAAiB,CAACS,IAAI,EAAE,GAAG,CAAC;AACrC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,EAAiB,EAAEC,EAAiB,EAAc;EAClF,IAAMC,QAAQ,GAAGb,iBAAiB,CAACW,EAAE,CAAC;EACtC,IAAMG,QAAQ,GAAGd,iBAAiB,CAACY,EAAE,CAAC;;EAEtC,IAAI,CAACC,QAAQ,IAAI,CAACC,QAAQ,EAAE;IAC1B,OAAO,KAAK;EACd;;EAEA,IAAID,QAAQ,CAACR,KAAK,GAAGS,QAAQ,CAACT,KAAK,EAAE;IACnC,OAAO,IAAI;EACb,CAAC,MAAM,IAAIQ,QAAQ,CAACR,KAAK,KAAKS,QAAQ,CAACT,KAAK,EAAE;IAC5C,OAAOQ,QAAQ,CAACP,KAAK,IAAIQ,QAAQ,CAACR,KAAK;EACzC;;EAEA,OAAO,KAAK;AACd,CAAC","ignoreList":[]}

package/lib/theming/ThemeVersions/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/ThemeVersions.js",
+  "module": "ThemeVersions",
+  "types": "../ThemeVersions.d.ts",
+  "sideEffects": false
+}

package/lib/theming/ThemeVersions.d.ts

@@ -0,0 +1,25 @@
+export type ThemeVersions = '5.0' | '5.1';
+export interface ThemeVersionParsed {
+    major: number;
+    minor: number;
+}
+/**
+ * Converts a string theme version to the object with numbers
+ * @param str A string with version (e.g. "1.0")
+ * @param [separator="."] Optional major and minor string separator. By default is "."
+ * @returns An object of type { major: number; minor: number } or null, if the given string is invalid
+ */
+export declare const parseThemeVersion: (str: string, separator?: string) => ThemeVersionParsed | null;
+/**
+ * Extracts a version from a theme name
+ * @param name A string theme name (e.g. "LIGHT_THEME_1_0")
+ * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version
+ */
+export declare const parseVersionFromThemeName: (name: string) => ThemeVersionParsed | null;
+/**
+ * Checks if one string theme version is "greater or equal" than another one
+ * @param v1 The version being compared (e.g. "1.0")
+ * @param v2 The version being compared to (e.g. "2.0")
+ * @returns Boolean result
+ */
+export declare const isThemeVersionGTE: (v1: ThemeVersions, v2: ThemeVersions) => boolean;

package/lib/theming/themes/DarkTheme/DarkTheme.js

@@ -1,4 +1,5 @@
-import { ThemeFactory } from "../../ThemeFactory";
-import { BasicDarkTheme } from "../../../../internal/themes/BasicDarkTheme";
-import { applyMarkers, markAsDarkTheme, markAsTheme2022 } from "../../ThemeHelpers";
-export var DARK_THEME = applyMarkers(ThemeFactory.create({}, BasicDarkTheme), [markAsTheme2022, markAsDarkTheme]);
+import { DarkTheme5_0 } from "../../../../internal/themes/DarkTheme5_0";
+import { DarkTheme5_1 } from "../../../../internal/themes/DarkTheme5_1";
+export var DARK_THEME_5_0 = DarkTheme5_0;
+export var DARK_THEME_5_1 = DarkTheme5_1;
+export var DARK_THEME = DARK_THEME_5_1;

package/lib/theming/themes/DarkTheme/DarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","BasicDarkTheme","applyMarkers","markAsDarkTheme","markAsTheme2022","DARK_THEME","create"],"sources":["DarkTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { BasicDarkTheme } from '../../../internal/themes/BasicDarkTheme';\nimport { applyMarkers, markAsDarkTheme, markAsTheme2022 } from '../ThemeHelpers';\n\nexport const DARK_THEME = applyMarkers(ThemeFactory.create({}, BasicDarkTheme), [markAsTheme2022, markAsDarkTheme]);\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,cAAc,QAAQ,yCAAyC;AACxE,SAASC,YAAY,EAAEC,eAAe,EAAEC,eAAe,QAAQ,iBAAiB;;AAEhF,OAAO,IAAMC,UAAU,GAAGH,YAAY,CAACF,YAAY,CAACM,MAAM,CAAC,CAAC,CAAC,EAAEL,cAAc,CAAC,EAAE,CAACG,eAAe,EAAED,eAAe,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["DarkTheme5_0","DarkTheme5_1","DARK_THEME_5_0","DARK_THEME_5_1","DARK_THEME"],"sources":["DarkTheme.ts"],"sourcesContent":["import { DarkTheme5_0 } from '../../../internal/themes/DarkTheme5_0';\nimport { DarkTheme5_1 } from '../../../internal/themes/DarkTheme5_1';\n\nexport const DARK_THEME_5_0 = DarkTheme5_0;\nexport const DARK_THEME_5_1 = DarkTheme5_1;\n\nexport const DARK_THEME = DARK_THEME_5_1;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;;AAEpE,OAAO,IAAMC,cAAc,GAAGF,YAAY;AAC1C,OAAO,IAAMG,cAAc,GAAGF,YAAY;;AAE1C,OAAO,IAAMG,UAAU,GAAGD,cAAc","ignoreList":[]}

package/lib/theming/themes/DarkTheme.d.ts

@@ -1 +1,3 @@
-export declare const DARK_THEME: Readonly<Readonly<typeof import("../../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+export declare const DARK_THEME_5_0: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
+export declare const DARK_THEME_5_1: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
+export declare const DARK_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;

package/lib/theming/themes/LightTheme/LightTheme.js

@@ -1,4 +1,5 @@
-import { ThemeFactory } from "../../ThemeFactory";
-import { BasicLightTheme } from "../../../../internal/themes/BasicLightTheme";
-import { applyMarkers, markAsTheme2022 } from "../../ThemeHelpers";
-export var LIGHT_THEME = applyMarkers(ThemeFactory.create({}, BasicLightTheme), [markAsTheme2022]);
+import { LightTheme5_0 } from "../../../../internal/themes/LightTheme5_0";
+import { LightTheme5_1 } from "../../../../internal/themes/LightTheme5_1";
+export var LIGHT_THEME_5_0 = LightTheme5_0;
+export var LIGHT_THEME_5_1 = LightTheme5_1;
+export var LIGHT_THEME = LIGHT_THEME_5_1;

package/lib/theming/themes/LightTheme/LightTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","BasicLightTheme","applyMarkers","markAsTheme2022","LIGHT_THEME","create"],"sources":["LightTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { BasicLightTheme } from '../../../internal/themes/BasicLightTheme';\nimport { applyMarkers, markAsTheme2022 } from '../ThemeHelpers';\n\nexport const LIGHT_THEME = applyMarkers(ThemeFactory.create({}, BasicLightTheme), [markAsTheme2022]);\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,eAAe,QAAQ,0CAA0C;AAC1E,SAASC,YAAY,EAAEC,eAAe,QAAQ,iBAAiB;;AAE/D,OAAO,IAAMC,WAAW,GAAGF,YAAY,CAACF,YAAY,CAACK,MAAM,CAAC,CAAC,CAAC,EAAEJ,eAAe,CAAC,EAAE,CAACE,eAAe,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["LightTheme5_0","LightTheme5_1","LIGHT_THEME_5_0","LIGHT_THEME_5_1","LIGHT_THEME"],"sources":["LightTheme.ts"],"sourcesContent":["import { LightTheme5_0 } from '../../../internal/themes/LightTheme5_0';\nimport { LightTheme5_1 } from '../../../internal/themes/LightTheme5_1';\n\nexport const LIGHT_THEME_5_0 = LightTheme5_0;\nexport const LIGHT_THEME_5_1 = LightTheme5_1;\n\nexport const LIGHT_THEME = LIGHT_THEME_5_1;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;;AAEtE,OAAO,IAAMC,eAAe,GAAGF,aAAa;AAC5C,OAAO,IAAMG,eAAe,GAAGF,aAAa;;AAE5C,OAAO,IAAMG,WAAW,GAAGD,eAAe","ignoreList":[]}

package/lib/theming/themes/LightTheme.d.ts

@@ -1 +1,3 @@
-export declare const LIGHT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+export declare const LIGHT_THEME_5_0: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
+export declare const LIGHT_THEME_5_1: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
+export declare const LIGHT_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;

package/lib/theming/themes/LightThemeMobile.d.ts

@@ -1 +1 @@
-export declare const LIGHT_THEME_MOBILE: Readonly<Readonly<typeof import("../../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+export declare const LIGHT_THEME_MOBILE: Readonly<Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>>;

package/lib/theming/useTheme.d.ts

@@ -1 +1 @@
-export declare const useTheme: () => Readonly<Readonly<typeof import("../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+export declare const useTheme: () => Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>;

package/lib/types/button-link/button-link.js

@@ -1 +0,0 @@
-export {};

package/lib/types/polymorphic-component/polymorphic-component.js

@@ -1 +0,0 @@
-export {};

package/lib/types/props/props.js

@@ -1 +0,0 @@
-export {};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "5.0.12",
+  "version": "5.1.0-next.1",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/5.0.12/",
+  "homepage": "https://tech.skbkontur.ru/react-ui",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -27,7 +27,9 @@
     "deploy": "gh-pages -a -d .styleguide/deploy -r git@github.com:skbkontur/react-ui.git",
     "storybook": "node ../../scripts/patch-node-options.js \"storybook dev -p 6060\"",
     "storybook:build": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true storybook build -o .storybook/build --quiet\"",
+    "storybook:docs-build": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_DOCS=true storybook build --docs -o .storybook/build --quiet\"",
     "storybook:test": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true storybook dev --ci -p 6060\"",
+    "storybook:docs": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_DOCS=true storybook dev --docs -p 6061\"",
     "storybook:serve": "serve -l 6060 .storybook/build",
     "styleguide": "node ../../scripts/patch-node-options.js \"styleguidist server --config .styleguide/config/dev.config.js\"",
     "styleguide:build": "node ../../scripts/patch-node-options.js \"node .styleguide/build\"",
@@ -81,7 +83,10 @@
     "@skbkontur/react-icons": "5.2.9",
     "@skbkontur/react-props2attrs": "0.1.3",
     "@skbkontur/react-sorge": "0.2.1",
+    "@skbkontur/storybook-addon-live-examples": "0.0.17",
     "@storybook/addon-a11y": "7.6.18",
+    "@storybook/addon-controls": "7.6.18",
+    "@storybook/addon-docs": "7.6.18",
     "@storybook/addon-essentials": "7.6.18",
     "@storybook/addon-ie11": "0.0.6",
     "@storybook/addon-interactions": "^7.6.18",
@@ -111,6 +116,7 @@
     "axios": "^1.7.2",
     "babel-jest": "29.7.0",
     "babel-loader": "^9.1.3",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "chalk": "4.1.0",
     "copyfiles": "^2.4.1",
     "core-js": "^3.37.1",
@@ -146,6 +152,7 @@
     "semver": "^7.6.2",
     "serve": "^13.0.2",
     "storybook": "7.6.18",
+    "string-replace-loader": "3.1.0",
     "style-loader": "^4.0.0",
     "stylelint": "^16.6.0",
     "stylelint-config-standard": "^36.0.0",
@@ -158,8 +165,5 @@
   "peerDependencies": {
     "react": ">=16.9",
     "react-dom": ">=16.9"
-  },
-  "publishConfig": {
-    "tag": "latest"
   }
 }