@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/lib/theming/ThemeContext.md

@@ -1,248 +1,248 @@
-Для кастомизации компонентов используется ThemeContext, реализуемый через `React.Context<Theme>`
-
-Механизм работы: динамические стили генерируются в зависимости от темы в процессе render'а с помощью <a href="https://www.npmjs.com/package/emotion" target="_blank">emotion</a>, полученные классы добавляются в `className` соответствующих элементов.
-
-Тема задается с помощью `ThemeContext.Provider`:
-
-```jsx static
-import { ThemeContext } from '@skbkontur/react-ui';
-
-<ThemeContext.Provider value={theme}>{/* ... */}</ThemeContext.Provider>;
-```
-
-Использовать тему в компоненте можно через `ThemeContext.Consumer`:
-
-```jsx static
-import { ThemeContext, Button } from '@skbkontur/react-ui';
-
-<ThemeContext.Consumer>
-  {theme => /* ... */ }
-</ThemeContext.Consumer>
-```
-
-`useContext` в функциональных компонентах:
-
-```typescript static
-const theme = useContext(ThemeContext);
-```
-
-или задать `contextType` для класса:
-
-```typescript static
-public static contextType = ThemeContext;
-public context: Theme = this.context;
-```
-
-Список существующих тем:
-
-| Имя                 | Описание          |
-| ------------------- | ----------------- |
-| `DEFAULT_THEME`     | Тема по умолчанию |
-| `FLAT_THEME`        | Плоская тема      |
-| `DEFAULT_THEME_8PX` | 8px тема          |
-| `FLAT_THEME_8PX`    | Плоская 8px тема  |
-
-## Примеры использования
-
-### Подключение плоской темы
-
-```jsx harmony
-import { ThemeContext, FLAT_THEME } from '@skbkontur/react-ui';
-import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
-
-<ThemeContext.Provider value={FLAT_THEME}>
-  <ShowcaseGroup title="Flat Theme" />
-</ThemeContext.Provider>;
-```
-
-### Создание собственной темы
-
-Собственные значения нужно передать в `ThemeFactory.create` и получившуюся тему можно использовать в `ThemeContext.Provider`. `ThemeFactory` расширяет переданный объект, задавая в качестве прототипа объект темы по умолчанию.
-
-```jsx harmony
-import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
-import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
-
-const myTheme = ThemeFactory.create({ btnSmallBorderRadius: '10px' });
-
-<ThemeContext.Provider value={myTheme}>
-  <ShowcaseGroup title="My Theme" />
-</ThemeContext.Provider>;
-```
-
-Вторым аргументом `ThemeFactory.create` может принимать объект, который будет использован в качестве базовой темы.
-
-```jsx static
-import { ThemeFactory } from '@skbkontur/react-ui';
-import { FLAT_THEME } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme';
-
-const myFlatTheme = ThemeFactory.create({ btnSmallBorderRadius: '10px' }, FLAT_THEME);
-```
-
-### Использование темы в своих компонентах
-
-```jsx harmony
-import { useContext } from 'react';
-import { ThemeContext, Button } from '@skbkontur/react-ui';
-
-function ButtonLinkWrapper(props) {
-  const theme = useContext(ThemeContext);
-
-  return (
-    <Button use="link" {...props}>
-      {props.children}
-      <span style={{ color: theme.textColorDefault }}> ↗</span>
-    </Button>
-  );
-}
-
-<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
-```
-
-### Добавление своих переменных
-
-Если вы хотите дополнить одну из тем новыми переменными для своих компонентов, то вы можете использовать отдельный контекст в расширенным объектом темы.
-
-```jsx harmony
-import { useContext } from 'react';
-import { ThemeFactory, Button } from '@skbkontur/react-ui';
-
-const MyThemeContext = React.createContext(ThemeFactory.create({ myTextColor: 'orange' }));
-
-MyThemeContext.displayName = 'MyThemeContext';
-
-function ButtonLinkWrapper(props) {
-  const theme = useContext(MyThemeContext);
-
-  return (
-    <Button use="link" {...props}>
-      {props.children}
-      <span style={{ color: theme.myTextColor }}> ↗</span>
-    </Button>
-  );
-}
-
-<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
-```
-
-### Кастомизация в legacy-приложениях
-
-В случае, если контролы рендерятся через какую-то общую обертку, достаточно добавить в нее `ThemeContext.Provider` с вашей темой. В противном случае, вам подойдет метод `ThemeFactory.overrideDefaultTheme()`.
-
-```typescript static
-import theme from './theme/theme';
-import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
-
-ThemeFactory.overrideDefaultTheme(theme);
-```
-
-### Варианты кастомизации:
-
-Несколько тем одновременно:
-<br/>
-
-```jsx harmony
-import { ThemeContext, FLAT_THEME as flatTheme } from '@skbkontur/react-ui';
-import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
-
-const CombinedComponents = () => (
-  <>
-    <ShowcaseGroup title="Default" />
-    <ThemeContext.Provider value={flatTheme}>
-      <div>
-        <ShowcaseGroup title="Flat" />
-      </div>
-    </ThemeContext.Provider>
-  </>
-);
-
-<CombinedComponents />;
-```
-
-Вложенные темы:
-<br/>
-
-```jsx harmony
-import { ThemeContext, FLAT_THEME as flatTheme, DEFAULT_THEME as defaultTheme } from '@skbkontur/react-ui';
-import { darkTheme } from '@skbkontur/react-ui/internal/ThemePlayground/darkTheme';
-import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
-
-const wrapperStyles = {
-  border: '1px solid rgb(188, 187, 187)',
-  padding: '0 15px 15px',
-  marginTop: 25,
-};
-
-const NestedThemes = () => (
-  <ThemeContext.Provider value={flatTheme}>
-    <div style={{ ...wrapperStyles, width: 750 }}>
-      <ShowcaseGroup title="Flat Theme" />
-      <ThemeContext.Provider value={defaultTheme}>
-        <div style={wrapperStyles}>
-          <ShowcaseGroup title="Default Theme" />
-          <ThemeContext.Provider value={darkTheme}>
-            <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
-              <ShowcaseGroup title="Dark Theme" />
-            </div>
-          </ThemeContext.Provider>
-        </div>
-      </ThemeContext.Provider>
-    </div>
-  </ThemeContext.Provider>
-);
-
-<NestedThemes />;
-```
-
-## Дополнительно
-
-### ColorFunctions.ts / DimensionFunctions.ts
-
-Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
-
-```typescript
-lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
-darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
-contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
-red(colorString: string): string
-green(colorString: string): string
-blue(colorString: string): string
-alpha(colorString: string): string
-isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
-```
-
-Документацию по их работе можно найти на сайте [less](http://lesscss.org/functions/#color-operations).
-В качестве colorString можно передать цвет в одном из форматов: `keyword`, `hex`, `rgb(r, g, b)`, `rgba(r, g, b, a)`, `hsl(h, s, l)`, `hsla(h, s, l, a)`.
-В качестве `amount` можно передать строку вида 'N%' или число от 0 до 1.
-Все значения больше или меньше возможных обрезаются. Например, для `rgba(300, -100, 123, 20)` `r=255, g=0, b=123, a=1`.
-Если распарсить `colorString` не получилось - выбрасывается исключение.
-Если это возможно, результат возвращается в том же виде, что и входная строка:
-
-```typescript
-lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
-lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
-lighten('#80e619', 0.2) === '#b3f075';
-lighten('crimson', '20%') === '#f16581';
-```
-
-Для работы с размерами предусмотрена одна функция (_DimensionFunctions.ts_):
-
-```typescript
-shift(value: string, shift: string): string
-
-// пример
-DimensionFunctions.shift('100%', '-20') === '80%'
-DimensionFunctions.shift('2em', '+2') === '4em'
-DimensionFunctions.shift('12', '+1') === '13px'  //если единица измерения не указана - используется px
-DimensionFunctions.shift('10.2', '12.333451') === '22.5335px' //дробная часть округляется до 4 знаков
-```
-
-### Список кастомизируемых компонентов
-
-Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)
-Информация собирается в рантайме с помощью `Proxy`, поэтому в IE таблица не отображается.
-
-### Playground
-
-Внутренний компонент `Playground` (_components/internal/ThemePlayground/Playground.tsx_) можно использовать для построения своей темы.
-Для удобства в редакторе добавлено действие "вывести тему в консоль".
+Для кастомизации компонентов используется ThemeContext, реализуемый через `React.Context<Theme>`
+
+Механизм работы: динамические стили генерируются в зависимости от темы в процессе render'а с помощью <a href="https://www.npmjs.com/package/emotion" target="_blank">emotion</a>, полученные классы добавляются в `className` соответствующих элементов.
+
+Тема задается с помощью `ThemeContext.Provider`:
+
+```jsx static
+import { ThemeContext } from '@skbkontur/react-ui';
+
+<ThemeContext.Provider value={theme}>{/* ... */}</ThemeContext.Provider>;
+```
+
+Использовать тему в компоненте можно через `ThemeContext.Consumer`:
+
+```jsx static
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+<ThemeContext.Consumer>
+  {theme => /* ... */ }
+</ThemeContext.Consumer>
+```
+
+`useContext` в функциональных компонентах:
+
+```typescript static
+const theme = useContext(ThemeContext);
+```
+
+или задать `contextType` для класса:
+
+```typescript static
+public static contextType = ThemeContext;
+public context: Theme = this.context;
+```
+
+Список существующих тем:
+
+| Имя                 | Описание          |
+| ------------------- | ----------------- |
+| `DEFAULT_THEME`     | Тема по умолчанию |
+| `FLAT_THEME`        | Плоская тема      |
+| `DEFAULT_THEME_8PX` | 8px тема          |
+| `FLAT_THEME_8PX`    | Плоская 8px тема  |
+
+## Примеры использования
+
+### Подключение плоской темы
+
+```jsx harmony
+import { ThemeContext, FLAT_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+<ThemeContext.Provider value={FLAT_THEME}>
+  <ShowcaseGroup title="Flat Theme" />
+</ThemeContext.Provider>;
+```
+
+### Создание собственной темы
+
+Собственные значения нужно передать в `ThemeFactory.create` и получившуюся тему можно использовать в `ThemeContext.Provider`. `ThemeFactory` расширяет переданный объект, задавая в качестве прототипа объект темы по умолчанию.
+
+```jsx harmony
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const myTheme = ThemeFactory.create({ btnSmallBorderRadius: '10px' });
+
+<ThemeContext.Provider value={myTheme}>
+  <ShowcaseGroup title="My Theme" />
+</ThemeContext.Provider>;
+```
+
+Вторым аргументом `ThemeFactory.create` может принимать объект, который будет использован в качестве базовой темы.
+
+```jsx static
+import { ThemeFactory } from '@skbkontur/react-ui';
+import { FLAT_THEME } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme';
+
+const myFlatTheme = ThemeFactory.create({ btnSmallBorderRadius: '10px' }, FLAT_THEME);
+```
+
+### Использование темы в своих компонентах
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(ThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.textColorDefault }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Добавление своих переменных
+
+Если вы хотите дополнить одну из тем новыми переменными для своих компонентов, то вы можете использовать отдельный контекст в расширенным объектом темы.
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeFactory, Button } from '@skbkontur/react-ui';
+
+const MyThemeContext = React.createContext(ThemeFactory.create({ myTextColor: 'orange' }));
+
+MyThemeContext.displayName = 'MyThemeContext';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(MyThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.myTextColor }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Кастомизация в legacy-приложениях
+
+В случае, если контролы рендерятся через какую-то общую обертку, достаточно добавить в нее `ThemeContext.Provider` с вашей темой. В противном случае, вам подойдет метод `ThemeFactory.overrideDefaultTheme()`.
+
+```typescript static
+import theme from './theme/theme';
+import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
+
+ThemeFactory.overrideDefaultTheme(theme);
+```
+
+### Варианты кастомизации:
+
+Несколько тем одновременно:
+<br/>
+
+```jsx harmony
+import { ThemeContext, FLAT_THEME as flatTheme } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const CombinedComponents = () => (
+  <>
+    <ShowcaseGroup title="Default" />
+    <ThemeContext.Provider value={flatTheme}>
+      <div>
+        <ShowcaseGroup title="Flat" />
+      </div>
+    </ThemeContext.Provider>
+  </>
+);
+
+<CombinedComponents />;
+```
+
+Вложенные темы:
+<br/>
+
+```jsx harmony
+import { ThemeContext, FLAT_THEME as flatTheme, DEFAULT_THEME as defaultTheme } from '@skbkontur/react-ui';
+import { darkTheme } from '@skbkontur/react-ui/internal/ThemePlayground/darkTheme';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const wrapperStyles = {
+  border: '1px solid rgb(188, 187, 187)',
+  padding: '0 15px 15px',
+  marginTop: 25,
+};
+
+const NestedThemes = () => (
+  <ThemeContext.Provider value={flatTheme}>
+    <div style={{ ...wrapperStyles, width: 750 }}>
+      <ShowcaseGroup title="Flat Theme" />
+      <ThemeContext.Provider value={defaultTheme}>
+        <div style={wrapperStyles}>
+          <ShowcaseGroup title="Default Theme" />
+          <ThemeContext.Provider value={darkTheme}>
+            <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
+              <ShowcaseGroup title="Dark Theme" />
+            </div>
+          </ThemeContext.Provider>
+        </div>
+      </ThemeContext.Provider>
+    </div>
+  </ThemeContext.Provider>
+);
+
+<NestedThemes />;
+```
+
+## Дополнительно
+
+### ColorFunctions.ts / DimensionFunctions.ts
+
+Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
+
+```typescript
+lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
+red(colorString: string): string
+green(colorString: string): string
+blue(colorString: string): string
+alpha(colorString: string): string
+isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
+```
+
+Документацию по их работе можно найти на сайте [less](http://lesscss.org/functions/#color-operations).
+В качестве colorString можно передать цвет в одном из форматов: `keyword`, `hex`, `rgb(r, g, b)`, `rgba(r, g, b, a)`, `hsl(h, s, l)`, `hsla(h, s, l, a)`.
+В качестве `amount` можно передать строку вида 'N%' или число от 0 до 1.
+Все значения больше или меньше возможных обрезаются. Например, для `rgba(300, -100, 123, 20)` `r=255, g=0, b=123, a=1`.
+Если распарсить `colorString` не получилось - выбрасывается исключение.
+Если это возможно, результат возвращается в том же виде, что и входная строка:
+
+```typescript
+lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
+lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
+lighten('#80e619', 0.2) === '#b3f075';
+lighten('crimson', '20%') === '#f16581';
+```
+
+Для работы с размерами предусмотрена одна функция (_DimensionFunctions.ts_):
+
+```typescript
+shift(value: string, shift: string): string
+
+// пример
+DimensionFunctions.shift('100%', '-20') === '80%'
+DimensionFunctions.shift('2em', '+2') === '4em'
+DimensionFunctions.shift('12', '+1') === '13px'  //если единица измерения не указана - используется px
+DimensionFunctions.shift('10.2', '12.333451') === '22.5335px' //дробная часть округляется до 4 знаков
+```
+
+### Список кастомизируемых компонентов
+
+Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)
+Информация собирается в рантайме с помощью `Proxy`, поэтому в IE таблица не отображается.
+
+### Playground
+
+Внутренний компонент `Playground` (_components/internal/ThemePlayground/Playground.tsx_) можно использовать для построения своей темы.
+Для удобства в редакторе добавлено действие "вывести тему в консоль".

package/lib/theming/ThemeFactory/ThemeFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","isFullTheme","ThemeFactory","create","theme","baseTheme","constructTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","base","newTheme","propName","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;;;AAGA,SAASC,WAAW,IAAXA,YAAT,QAA4B,gBAA5B;;AAEA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAAqH,KAA9DA,SAA8D,cAA9DA,SAA8D,GAA3CL,oBAA2C;AACnH,WAAO,KAAKM,cAAL,CAAoBD,SAApB,EAA+BD,KAA/B,CAAP;AACD,GAHH;;AAKgBH,EAAAA,WALhB,GAKE,qBAA0BG,KAA1B,EAAkE;AAChE,WAAOH,YAAW,CAACG,KAAD,CAAlB;AACD,GAPH;;AASgBG,EAAAA,oBAThB,GASE,8BAAmCH,KAAnC,EAAmD;AACjDI,IAAAA,MAAM,CAACC,IAAP,CAAYL,KAAZ,EAAmBM,OAAnB,CAA2B,UAAAC,YAAY,EAAI;AACzC,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCT,KAAhC,EAAuCO,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBd,oBAAtB,EAA4CW,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,GAdH;;AAgBgBG,EAAAA,OAhBhB,GAgBE,iBAAuCX,KAAvC,EAAiD;AAC/C,QAAMK,IAAoB,GAAG,EAA7B;AACA,WAAOL,KAAK,IAAI,IAAhB,EAAsB;AACnBI,MAAAA,MAAM,CAACC,IAAP,CAAYL,KAAZ,CAAD,CAAuCM,OAAvC,CAA+C,UAAAM,GAAG,EAAI;AACpD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAZ,MAAAA,KAAK,GAAGI,MAAM,CAACW,cAAP,CAAsBf,KAAtB,CAAR;AACD;AACD,WAAOK,IAAI,CAACW,IAAL,EAAP;AACD,GA3BH;;AA6BiBd,EAAAA,cA7BjB,GA6BE,wBAA8Be,IAA9B,EAA2CjB,KAA3C,EAA2D;AACzD,QAAMkB,QAAQ,GAAGd,MAAM,CAACL,MAAP,CAAckB,IAAd,CAAjB;AACAb,IAAAA,MAAM,CAACC,IAAP,CAAYL,KAAZ,EAAmBM,OAAnB,CAA2B,UAAAa,QAAQ,EAAI;AACrC,UAAMX,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCT,KAAhC,EAAuCmB,QAAvC,CAAnB;AACAf,MAAAA,MAAM,CAACM,cAAP,CAAsBQ,QAAtB,EAAgCC,QAAhC,EAA0CX,UAA1C;AACD,KAHD;;AAKA,WAAOJ,MAAM,CAACgB,MAAP,CAAcF,QAAd,CAAP;AACD,GArCH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\r\n\r\nimport { Theme, ThemeIn } from './Theme';\r\nimport { isFullTheme } from './ThemeHelpers';\r\n\r\nexport class ThemeFactory {\r\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme: Theme = DefaultThemeInternal): Readonly<Theme & T> {\r\n    return this.constructTheme(baseTheme, theme);\r\n  }\r\n\r\n  public static isFullTheme(theme: ThemeIn | Theme): theme is Theme {\r\n    return isFullTheme(theme);\r\n  }\r\n\r\n  public static overrideDefaultTheme(theme: ThemeIn) {\r\n    Object.keys(theme).forEach(variableName => {\r\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\r\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\r\n    });\r\n  }\r\n\r\n  public static getKeys<T extends Theme>(theme: T) {\r\n    const keys: Array<keyof T> = [];\r\n    while (theme != null) {\r\n      (Object.keys(theme) as Array<keyof T>).forEach(key => {\r\n        if (!keys.includes(key)) {\r\n          keys.push(key);\r\n        }\r\n      });\r\n      theme = Object.getPrototypeOf(theme);\r\n    }\r\n    return keys.sort();\r\n  }\r\n\r\n  private static constructTheme(base: Theme, theme: ThemeIn) {\r\n    const newTheme = Object.create(base);\r\n    Object.keys(theme).forEach(propName => {\r\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\r\n      Object.defineProperty(newTheme, propName, descriptor);\r\n    });\r\n\r\n    return Object.freeze(newTheme);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","isFullTheme","ThemeFactory","create","theme","baseTheme","constructTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","base","newTheme","propName","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;;;AAGA,SAASC,WAAW,IAAXA,YAAT,QAA4B,gBAA5B;;AAEA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAAqH,KAA9DA,SAA8D,cAA9DA,SAA8D,GAA3CL,oBAA2C;AACnH,WAAO,KAAKM,cAAL,CAAoBD,SAApB,EAA+BD,KAA/B,CAAP;AACD,GAHH;;AAKgBH,EAAAA,WALhB,GAKE,qBAA0BG,KAA1B,EAAkE;AAChE,WAAOH,YAAW,CAACG,KAAD,CAAlB;AACD,GAPH;;AASgBG,EAAAA,oBAThB,GASE,8BAAmCH,KAAnC,EAAmD;AACjDI,IAAAA,MAAM,CAACC,IAAP,CAAYL,KAAZ,EAAmBM,OAAnB,CAA2B,UAAAC,YAAY,EAAI;AACzC,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCT,KAAhC,EAAuCO,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBd,oBAAtB,EAA4CW,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,GAdH;;AAgBgBG,EAAAA,OAhBhB,GAgBE,iBAAuCX,KAAvC,EAAiD;AAC/C,QAAMK,IAAoB,GAAG,EAA7B;AACA,WAAOL,KAAK,IAAI,IAAhB,EAAsB;AACnBI,MAAAA,MAAM,CAACC,IAAP,CAAYL,KAAZ,CAAD,CAAuCM,OAAvC,CAA+C,UAAAM,GAAG,EAAI;AACpD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAZ,MAAAA,KAAK,GAAGI,MAAM,CAACW,cAAP,CAAsBf,KAAtB,CAAR;AACD;AACD,WAAOK,IAAI,CAACW,IAAL,EAAP;AACD,GA3BH;;AA6BiBd,EAAAA,cA7BjB,GA6BE,wBAA8Be,IAA9B,EAA2CjB,KAA3C,EAA2D;AACzD,QAAMkB,QAAQ,GAAGd,MAAM,CAACL,MAAP,CAAckB,IAAd,CAAjB;AACAb,IAAAA,MAAM,CAACC,IAAP,CAAYL,KAAZ,EAAmBM,OAAnB,CAA2B,UAAAa,QAAQ,EAAI;AACrC,UAAMX,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCT,KAAhC,EAAuCmB,QAAvC,CAAnB;AACAf,MAAAA,MAAM,CAACM,cAAP,CAAsBQ,QAAtB,EAAgCC,QAAhC,EAA0CX,UAA1C;AACD,KAHD;;AAKA,WAAOJ,MAAM,CAACgB,MAAP,CAAcF,QAAd,CAAP;AACD,GArCH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { isFullTheme } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme: Theme = DefaultThemeInternal): Readonly<Theme & T> {\n    return this.constructTheme(baseTheme, theme);\n  }\n\n  public static isFullTheme(theme: ThemeIn | Theme): theme is Theme {\n    return isFullTheme(theme);\n  }\n\n  public static overrideDefaultTheme(theme: ThemeIn) {\n    Object.keys(theme).forEach(variableName => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (theme != null) {\n      (Object.keys(theme) as Array<keyof T>).forEach(key => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      theme = Object.getPrototypeOf(theme);\n    }\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach(propName => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\n      Object.defineProperty(newTheme, propName, descriptor);\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

package/lib/theming/ThemeFactory.d.ts

@@ -1,8 +1,8 @@
-import { Theme, ThemeIn } from './Theme';
-export declare class ThemeFactory {
-    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
-    static isFullTheme(theme: ThemeIn | Theme): theme is Theme;
-    static overrideDefaultTheme(theme: ThemeIn): void;
-    static getKeys<T extends Theme>(theme: T): (keyof T)[];
-    private static constructTheme;
-}
+import { Theme, ThemeIn } from './Theme';
+export declare class ThemeFactory {
+    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
+    static isFullTheme(theme: ThemeIn | Theme): theme is Theme;
+    static overrideDefaultTheme(theme: ThemeIn): void;
+    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    private static constructTheme;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_FULL_THEME_KEY","REACT_UI_8PX_THEME_KEY","REACT_UI_FLAT_THEME_KEY","isFullTheme","markAsFullTheme","create","value","writable","is8pxTheme","markAs8pxTheme","isFlatTheme","markAsFlatTheme"],"mappings":";;AAEA,OAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAAAC,GAAG,EAAI;AACtC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM;;AAYP,OAAO,IAAMY,uBAAuB,GAAG,uBAAhC;;AAEP,OAAO,IAAMC,sBAAsB,GAAG,2BAA/B;;AAEP,OAAO,IAAMC,uBAAuB,GAAG,4BAAhC;;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACf,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAAmBhB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBM,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM;;AAWP,OAAO,IAAMW,UAAU,GAAG,SAAbA,UAAa,CAACpB,KAAD,EAAqC;AAC7D;AACA,SAAOA,KAAK,CAACa,sBAAD,CAAL,KAAkC,IAAzC;AACD,CAHM;;AAKP,OAAO,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAAmBrB,KAAnB,EAAmC;AAC/D,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJa,EAAAA,sBADI,IACqB;AACxBK,IAAAA,KAAK,EAAE,IADiB;AAExBC,IAAAA,QAAQ,EAAE,KAFc;AAGxBT,IAAAA,UAAU,EAAE,KAHY;AAIxBD,IAAAA,YAAY,EAAE,KAJU,EADrB,mBAAP;;;AAQD,CATM;;AAWP,OAAO,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACtB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACc,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAMS,eAAe,GAAG,SAAlBA,eAAkB,CAAmBvB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJc,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,mBAAP;;;AAQD,CATM","sourcesContent":["import { Theme, ThemeIn } from './Theme';\r\n\r\nexport const exposeGetters = <T extends object>(theme: T): T => {\r\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\r\n  Object.keys(descriptors).forEach(key => {\r\n    const descriptor = descriptors[key];\r\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\r\n      descriptor.enumerable = true;\r\n      Object.defineProperty(theme, key, descriptor);\r\n    }\r\n  });\r\n  return theme;\r\n};\r\n\r\nexport const REACT_UI_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';\r\n\r\nexport const REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';\r\n\r\nexport const REACT_UI_FLAT_THEME_KEY = '__IS_REACT_UI_FLAT_THEME__';\r\n\r\nexport const isFullTheme = (theme: Theme | ThemeIn): boolean => {\r\n  //@ts-ignore\r\n  return theme[REACT_UI_FULL_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAsFullTheme = <T extends object>(theme: T): T => {\r\n  return Object.create(theme, {\r\n    [REACT_UI_FULL_THEME_KEY]: {\r\n      value: true,\r\n      writable: false,\r\n      enumerable: false,\r\n      configurable: false,\r\n    },\r\n  });\r\n};\r\n\r\nexport const is8pxTheme = (theme: Theme | ThemeIn): boolean => {\r\n  //@ts-ignore\r\n  return theme[REACT_UI_8PX_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAs8pxTheme = <T extends object>(theme: T): T => {\r\n  return Object.create(theme, {\r\n    [REACT_UI_8PX_THEME_KEY]: {\r\n      value: true,\r\n      writable: false,\r\n      enumerable: false,\r\n      configurable: false,\r\n    },\r\n  });\r\n};\r\n\r\nexport const isFlatTheme = (theme: Theme | ThemeIn): boolean => {\r\n  //@ts-ignore\r\n  return theme[REACT_UI_FLAT_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAsFlatTheme = <T extends object>(theme: T): T => {\r\n  return Object.create(theme, {\r\n    [REACT_UI_FLAT_THEME_KEY]: {\r\n      value: true,\r\n      writable: false,\r\n      enumerable: false,\r\n      configurable: false,\r\n    },\r\n  });\r\n};\r\n"]}
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_FULL_THEME_KEY","REACT_UI_8PX_THEME_KEY","REACT_UI_FLAT_THEME_KEY","isFullTheme","markAsFullTheme","create","value","writable","is8pxTheme","markAs8pxTheme","isFlatTheme","markAsFlatTheme"],"mappings":";;AAEA,OAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAAAC,GAAG,EAAI;AACtC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM;;AAYP,OAAO,IAAMY,uBAAuB,GAAG,uBAAhC;;AAEP,OAAO,IAAMC,sBAAsB,GAAG,2BAA/B;;AAEP,OAAO,IAAMC,uBAAuB,GAAG,4BAAhC;;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACf,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAAmBhB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBM,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM;;AAWP,OAAO,IAAMW,UAAU,GAAG,SAAbA,UAAa,CAACpB,KAAD,EAAqC;AAC7D;AACA,SAAOA,KAAK,CAACa,sBAAD,CAAL,KAAkC,IAAzC;AACD,CAHM;;AAKP,OAAO,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAAmBrB,KAAnB,EAAmC;AAC/D,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJa,EAAAA,sBADI,IACqB;AACxBK,IAAAA,KAAK,EAAE,IADiB;AAExBC,IAAAA,QAAQ,EAAE,KAFc;AAGxBT,IAAAA,UAAU,EAAE,KAHY;AAIxBD,IAAAA,YAAY,EAAE,KAJU,EADrB,mBAAP;;;AAQD,CATM;;AAWP,OAAO,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACtB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACc,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAMS,eAAe,GAAG,SAAlBA,eAAkB,CAAmBvB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJc,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,mBAAP;;;AAQD,CATM","sourcesContent":["import { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends object>(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_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';\n\nexport const REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';\n\nexport const REACT_UI_FLAT_THEME_KEY = '__IS_REACT_UI_FLAT_THEME__';\n\nexport const isFullTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_FULL_THEME_KEY] === true;\n};\n\nexport const markAsFullTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_FULL_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const is8pxTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_8PX_THEME_KEY] === true;\n};\n\nexport const markAs8pxTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_8PX_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isFlatTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_FLAT_THEME_KEY] === true;\n};\n\nexport const markAsFlatTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_FLAT_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n"]}

package/lib/theming/ThemeHelpers.d.ts

@@ -1,10 +1,10 @@
-export declare const exposeGetters: <T extends object>(theme: T) => T;
-export declare const REACT_UI_FULL_THEME_KEY = "__IS_REACT_UI_THEME__";
-export declare const REACT_UI_8PX_THEME_KEY = "__IS_REACT_UI_8PX_THEME__";
-export declare const REACT_UI_FLAT_THEME_KEY = "__IS_REACT_UI_FLAT_THEME__";
-export declare const isFullTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
-export declare const markAsFullTheme: <T extends object>(theme: T) => T;
-export declare const is8pxTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
-export declare const markAs8pxTheme: <T extends object>(theme: T) => T;
-export declare const isFlatTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
-export declare const markAsFlatTheme: <T extends object>(theme: T) => T;
+export declare const exposeGetters: <T extends object>(theme: T) => T;
+export declare const REACT_UI_FULL_THEME_KEY = "__IS_REACT_UI_THEME__";
+export declare const REACT_UI_8PX_THEME_KEY = "__IS_REACT_UI_8PX_THEME__";
+export declare const REACT_UI_FLAT_THEME_KEY = "__IS_REACT_UI_FLAT_THEME__";
+export declare const isFullTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
+export declare const markAsFullTheme: <T extends object>(theme: T) => T;
+export declare const is8pxTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
+export declare const markAs8pxTheme: <T extends object>(theme: T) => T;
+export declare const isFlatTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
+export declare const markAsFlatTheme: <T extends object>(theme: T) => T;

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

@@ -1 +1 @@
-{"version":3,"sources":["DefaultTheme.ts"],"names":["ThemeFactory","DEFAULT_THEME","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,OAAO,IAAMC,aAAa,GAAGD,YAAY,CAACE,MAAb,CAAoB,EAApB,CAAtB","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\r\n\r\nexport const DEFAULT_THEME = ThemeFactory.create({});\r\n"]}
+{"version":3,"sources":["DefaultTheme.ts"],"names":["ThemeFactory","DEFAULT_THEME","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,OAAO,IAAMC,aAAa,GAAGD,YAAY,CAACE,MAAb,CAAoB,EAApB,CAAtB","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nexport const DEFAULT_THEME = ThemeFactory.create({});\n"]}

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

@@ -1 +1 @@
-export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;
+export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["DefaultTheme8px.ts"],"names":["DefaultThemeInternal","Theme8pxInternal","ThemeFactory","markAs8pxTheme","DEFAULT_THEME_8PX","create"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,uCAArC;AACA,SAASC,gBAAT,QAAiC,mCAAjC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,cAAT,QAA+B,iBAA/B;;AAEA,OAAO,IAAMC,iBAAiB,GAAGF,YAAY,CAACG,MAAb,CAAoBJ,gBAApB,EAAsCE,cAAc,CAACH,oBAAD,CAApD,CAA1B","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\r\nimport { Theme8pxInternal } from '../../../internal/themes/Theme8px';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\nimport { markAs8pxTheme } from '../ThemeHelpers';\r\n\r\nexport const DEFAULT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, markAs8pxTheme(DefaultThemeInternal));\r\n"]}
+{"version":3,"sources":["DefaultTheme8px.ts"],"names":["DefaultThemeInternal","Theme8pxInternal","ThemeFactory","markAs8pxTheme","DEFAULT_THEME_8PX","create"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,uCAArC;AACA,SAASC,gBAAT,QAAiC,mCAAjC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,cAAT,QAA+B,iBAA/B;;AAEA,OAAO,IAAMC,iBAAiB,GAAGF,YAAY,CAACG,MAAb,CAAoBJ,gBAApB,EAAsCE,cAAc,CAACH,oBAAD,CAApD,CAA1B","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\nimport { Theme8pxInternal } from '../../../internal/themes/Theme8px';\nimport { ThemeFactory } from '../ThemeFactory';\nimport { markAs8pxTheme } from '../ThemeHelpers';\n\nexport const DEFAULT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, markAs8pxTheme(DefaultThemeInternal));\n"]}

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

@@ -1 +1 @@
-export declare const DEFAULT_THEME_8PX: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/Theme8px").Theme8px>;
+export declare const DEFAULT_THEME_8PX: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/Theme8px").Theme8px>;

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

@@ -1 +1 @@
-{"version":3,"sources":["FlatTheme.ts"],"names":["DefaultThemeInternal","FlatThemeInternal","ThemeFactory","markAsFlatTheme","FLAT_THEME","create"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,uCAArC;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,eAAT,QAAgC,iBAAhC;;AAEA,OAAO,IAAMC,UAAU,GAAGF,YAAY,CAACG,MAAb,CAAoBJ,iBAApB,EAAuCE,eAAe,CAACH,oBAAD,CAAtD,CAAnB","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\r\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\nimport { markAsFlatTheme } from '../ThemeHelpers';\r\n\r\nexport const FLAT_THEME = ThemeFactory.create(FlatThemeInternal, markAsFlatTheme(DefaultThemeInternal));\r\n"]}
+{"version":3,"sources":["FlatTheme.ts"],"names":["DefaultThemeInternal","FlatThemeInternal","ThemeFactory","markAsFlatTheme","FLAT_THEME","create"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,uCAArC;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,eAAT,QAAgC,iBAAhC;;AAEA,OAAO,IAAMC,UAAU,GAAGF,YAAY,CAACG,MAAb,CAAoBJ,iBAApB,EAAuCE,eAAe,CAACH,oBAAD,CAAtD,CAAnB","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\nimport { ThemeFactory } from '../ThemeFactory';\nimport { markAsFlatTheme } from '../ThemeHelpers';\n\nexport const FLAT_THEME = ThemeFactory.create(FlatThemeInternal, markAsFlatTheme(DefaultThemeInternal));\n"]}

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

@@ -1 +1 @@
-export declare const FLAT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/FlatTheme").FlatTheme>;
+export declare const FLAT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/FlatTheme").FlatTheme>;

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

@@ -1 +1 @@
-{"version":3,"sources":["FlatTheme8px.ts"],"names":["Theme8pxInternal","FlatThemeInternal","ThemeFactory","markAs8pxTheme","markAsFlatTheme","FLAT_THEME_8PX","create"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,mCAAjC;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,cAAT,EAAyBC,eAAzB,QAAgD,iBAAhD;;AAEA,OAAO,IAAMC,cAAc,GAAGH,YAAY,CAACI,MAAb,CAAoBN,gBAApB,EAAsCG,cAAc,CAACC,eAAe,CAACH,iBAAD,CAAhB,CAApD,CAAvB","sourcesContent":["import { Theme8pxInternal } from '../../../internal/themes/Theme8px';\r\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\nimport { markAs8pxTheme, markAsFlatTheme } from '../ThemeHelpers';\r\n\r\nexport const FLAT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, markAs8pxTheme(markAsFlatTheme(FlatThemeInternal)));\r\n"]}
+{"version":3,"sources":["FlatTheme8px.ts"],"names":["Theme8pxInternal","FlatThemeInternal","ThemeFactory","markAs8pxTheme","markAsFlatTheme","FLAT_THEME_8PX","create"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,mCAAjC;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,cAAT,EAAyBC,eAAzB,QAAgD,iBAAhD;;AAEA,OAAO,IAAMC,cAAc,GAAGH,YAAY,CAACI,MAAb,CAAoBN,gBAApB,EAAsCG,cAAc,CAACC,eAAe,CAACH,iBAAD,CAAhB,CAApD,CAAvB","sourcesContent":["import { Theme8pxInternal } from '../../../internal/themes/Theme8px';\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\nimport { ThemeFactory } from '../ThemeFactory';\nimport { markAs8pxTheme, markAsFlatTheme } from '../ThemeHelpers';\n\nexport const FLAT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, markAs8pxTheme(markAsFlatTheme(FlatThemeInternal)));\n"]}