fix(docs): updated docs tokens

angular.json

@@ -71,7 +71,10 @@
                         "styles": [
                             {
                                 "input": "apps/docs/src/main.scss"
-                            }
+                            },
+                            "apps/docs/src/styles/koobiq/default-theme/css-tokens.css",
+                            "apps/docs/src/styles/koobiq/default-theme/css-tokens-dark.css",
+                            "apps/docs/src/styles/koobiq/default-theme/css-tokens-light.css"
                         ],
                         "scripts": [],
                         "vendorChunk": true,

apps/docs/scripts/build-tokens.js

@@ -44,6 +44,8 @@ function buildTokens(themeConfig) {
         delete extendedPlatform.platforms.figma;
 
         extendedPlatform.platforms.css.files[0].options.selector = `.${platform.skin}`;
+        extendedPlatform.platforms.css.files[1].options.selector = `.kbq-theme-light`;
+        extendedPlatform.platforms.css.files[2].options.selector = `.kbq-theme-dark`;
 
         const StyleDictionaryExtended = StyleDictionary.extend(extendedPlatform);
         delete StyleDictionaryExtended.platforms.figma;
@@ -64,7 +66,7 @@ const themeColorNames = ['default-theme'];
 
 for (const skin of [kbq]) {
     const koobiqTokensProps = `node_modules/@koobiq/design-tokens/web/properties/**/*.json5`;
-    const koobiqTokensComponents = `node_modules/@koobiq/design-tokens/web/components/**/*.json5`;
+    // const koobiqTokensComponents = `node_modules/@koobiq/design-tokens/web/components/**/*.json5`;
 
     for (const theme of themeColorNames) {
         themesConfig.push({
@@ -73,7 +75,7 @@ for (const skin of [kbq]) {
             buildPath: [
                 koobiqTokensProps,
                 `apps/docs/src/styles/${skin}/${theme}/properties/**/*.json5`,
-                koobiqTokensComponents
+                // koobiqTokensComponents
             ],
             outputPath: `apps/docs/src/styles/${skin}/${theme}/`
         });

apps/docs/src/styles/koobiq/default-theme/_variables.scss

@@ -136,7 +136,7 @@ $light-states-icon-visited-hover: hsla(277, 72%, 50%, 100%);
 $light-states-icon-visited-active: hsla(277, 72%, 40%, 100%);
 $light-states-line-focus: hsla(216, 100%, 50%, 100%);
 $light-states-line-focus-theme: hsla(216, 100%, 60%, 100%);
-$light-states-line-disabled: hsla(229, 15%, 15%, 32%);
+$light-states-line-disabled: hsla(229, 15%, 50%, 32%);
 $light-states-line-focus-error: hsla(7, 97%, 45%, 100%);
 $light-states-focused-color: hsla(216, 100%, 50%, 100%);
 $light-states-focused-color-error: hsla(7, 97%, 50%, 100%);