koval-ui 0.12.21 → 0.12.23

package/README.md

@@ -22,6 +22,8 @@ Koval UI is component library built for modern browsers. Each component tries to
 - Built-in form validation.
 - Typography components.
 
+Read [Koval docs](https://koval.support/)
+
 See [Koval Storybook](https://morewings.github.io/koval-ui/).
 
 ## Quickstart

package/dist/index.d.ts

@@ -1381,130 +1381,130 @@ export declare type ThemeType = {
     /**
      * Main font used by most components of library
      */
-    fontFamily: ThemeType_2['fontFamily'];
+    fontFamily?: ThemeType_2['fontFamily'];
     /**
      * Monospaced font used by <code> and <pre>
      */
-    fontFamilyMonospace: ThemeType_2['fontFamilyMonospace'];
+    fontFamilyMonospace?: ThemeType_2['fontFamilyMonospace'];
     /**
      * Font size for H1 element
      */
-    fontSizeH1: ThemeType_2['fontSizeH1'];
+    fontSizeH1?: ThemeType_2['fontSizeH1'];
     /**
      * Font size for H2 element
      */
-    fontSizeH2: ThemeType_2['fontSizeH2'];
+    fontSizeH2?: ThemeType_2['fontSizeH2'];
     /**
      * Font size for H3 element
      */
-    fontSizeH3: ThemeType_2['fontSizeH3'];
+    fontSizeH3?: ThemeType_2['fontSizeH3'];
     /**
      * Font size for H4 element
      */
-    fontSizeH4: ThemeType_2['fontSizeH4'];
+    fontSizeH4?: ThemeType_2['fontSizeH4'];
     /**
      * Font size for H5 element
      */
-    fontSizeH5: ThemeType_2['fontSizeH5'];
+    fontSizeH5?: ThemeType_2['fontSizeH5'];
     /**
      * Font size for H6 element
      */
-    fontSizeH6: ThemeType_2['fontSizeH6'];
+    fontSizeH6?: ThemeType_2['fontSizeH6'];
     /**
      * Arbitrary text font size. Used by P element. Expected to be most readable
      */
-    fontSizeText: ThemeType_2['fontSizeText'];
+    fontSizeText?: ThemeType_2['fontSizeText'];
     /**
      * Medium font size
      */
-    fontSizeMedium: ThemeType_2['fontSizeMedium'];
+    fontSizeMedium?: ThemeType_2['fontSizeMedium'];
     /**
      * Large font size
      */
-    fontSizeLarge: ThemeType_2['fontSizeLarge'];
+    fontSizeLarge?: ThemeType_2['fontSizeLarge'];
     /**
      * Small font size
      */
-    fontSizeSmall: ThemeType_2['fontSizeSmall'];
+    fontSizeSmall?: ThemeType_2['fontSizeSmall'];
     /**
      * Default font weight. Expected to be most readable
      */
-    fontWeightNormal: ThemeType_2['fontWeightNormal'];
+    fontWeightNormal?: ThemeType_2['fontWeightNormal'];
     /**
      * Bolder font weight. Expected to look outstanding comparing to normal
      */
-    fontWeightBolder: ThemeType_2['fontWeightBolder'];
+    fontWeightBolder?: ThemeType_2['fontWeightBolder'];
     /**
      * Bold font weight. Expected to look outstanding comparing to bolder
      */
-    fontWeightBold: ThemeType_2['fontWeightBold'];
+    fontWeightBold?: ThemeType_2['fontWeightBold'];
     /**
      * Default text color. Expected to be most readable
      */
-    textColor: ThemeType_2['textColor'];
+    textColor?: ThemeType_2['textColor'];
     /**
      * Lowest background level. E.g. paper color
      */
-    background000: ThemeType_2['background000'];
+    background000?: ThemeType_2['background000'];
     /**
      * 100 background level. Good for delicate borders
      */
-    background100: ThemeType_2['background100'];
-    background200: ThemeType_2['background200'];
-    background300: ThemeType_2['background300'];
-    background400: ThemeType_2['background400'];
+    background100?: ThemeType_2['background100'];
+    background200?: ThemeType_2['background200'];
+    background300?: ThemeType_2['background300'];
+    background400?: ThemeType_2['background400'];
     /**
      * 500 background level. Good for strong headers
      */
-    background500: ThemeType_2['background500'];
+    background500?: ThemeType_2['background500'];
     /**
      * Highest background level. E.g. text color
      */
-    background600: ThemeType_2['background600'];
+    background600?: ThemeType_2['background600'];
     /**
      * First brand color. It is most visible in the theme.
      * Has to make a good contrast with background000 and background600
      */
-    colorDo: ThemeType_2['colorDo'];
+    colorDo?: ThemeType_2['colorDo'];
     /**
      * Second brand color. Darkest one. Has to make a good contrast with background000 and colorDo
      */
-    colorRe: ThemeType_2['colorRe'];
+    colorRe?: ThemeType_2['colorRe'];
     /**
      * Third brand color. Lightest one. Has to make a good contrast with background600 and colorDo
      */
-    colorMi: ThemeType_2['colorMi'];
+    colorMi?: ThemeType_2['colorMi'];
     /**
      * First alternative brand color. Used when needed to create an accented contrast with colorDo.
      * Has to make a good contrast with background000 and background600
      */
-    colorFa: ThemeType_2['colorFa'];
+    colorFa?: ThemeType_2['colorFa'];
     /**
      * Second alternative brand color. Darkest one.
      * Has to make a good contrast with background000 and colorFa
      */
-    colorSol: ThemeType_2['colorSol'];
+    colorSol?: ThemeType_2['colorSol'];
     /**
      * Third alternative brand color. Lightest one.
      * Has to make a good contrast with background600 and colorFa
      */
-    colorLa: ThemeType_2['colorLa'];
+    colorLa?: ThemeType_2['colorLa'];
     /**
      * Error/danger/failure indication color. Has to make a good contrast with background600 and background000
      */
-    colorError: ThemeType_2['colorError'];
+    colorError?: ThemeType_2['colorError'];
     /**
      * Warning indication color. Has to make a good contrast with background600 and background000
      */
-    colorWarning: ThemeType_2['colorWarning'];
+    colorWarning?: ThemeType_2['colorWarning'];
     /**
      * Success/approve/agree indication color. Has to make a good contrast with background600 and background000
      */
-    colorSuccess: ThemeType_2['colorSuccess'];
+    colorSuccess?: ThemeType_2['colorSuccess'];
     /**
      * Action/link indication color. Has to make a good contrast with background600 and background000
      */
-    colorAction: ThemeType_2['colorAction'];
+    colorAction?: ThemeType_2['colorAction'];
 };
 
 declare type ThemeType_2 = Partial<typeof theme>;