diff --git a/README.md b/README.md index 29e1ffa5..01905844 100644 --- a/README.md +++ b/README.md @@ -29,8 +29,8 @@ Web implementation of the design system is created as native web components so i Preferred way of using Baklava is using it via CDN. Just import library JS and CSS files to your main document like below: ```html - - + + ``` This way library will be served from a very high performant CDN and all of the Baklava web components will be ready to use inside your web project. diff --git a/docs/customizing-baklava-theme.stories.mdx b/docs/customizing-baklava-theme.stories.mdx index 1ec6ad81..41915858 100644 --- a/docs/customizing-baklava-theme.stories.mdx +++ b/docs/customizing-baklava-theme.stories.mdx @@ -19,7 +19,7 @@ instead of `themes/default.css` file. Like: ```html - + ``` With this opportunity you can use all of the Baklava components with your own branding colors, own selection of Font or different sizing values. @@ -29,9 +29,9 @@ With this opportunity you can use all of the Baklava components with your own br If you want to change a small set of the design tokens, you may consider to extend default theme. ```html - + - + ``` With this, you can -for example- only override color palette for your app and continue to use typography or spacing rules from the default theme. diff --git a/docs/localization.stories.mdx b/docs/localization.stories.mdx index adea0732..fdca9f0c 100644 --- a/docs/localization.stories.mdx +++ b/docs/localization.stories.mdx @@ -10,7 +10,7 @@ To initialize localization, insert the following script at the head of your HTML ```html - + diff --git a/docs/using-baklava-in-next.stories.mdx b/docs/using-baklava-in-next.stories.mdx index 3297c47f..518482dd 100644 --- a/docs/using-baklava-in-next.stories.mdx +++ b/docs/using-baklava-in-next.stories.mdx @@ -19,12 +19,12 @@ Include Baklava library from CDN to your project's `` section (in `layout. ```html + + ``` Then you can use Baklava React components in your project by importing them from `@trendyol/baklava/dist/baklava-react` in your code. diff --git a/docs/using-baklava-in-vue.stories.mdx b/docs/using-baklava-in-vue.stories.mdx index 170ca641..82420e0b 100644 --- a/docs/using-baklava-in-vue.stories.mdx +++ b/docs/using-baklava-in-vue.stories.mdx @@ -17,8 +17,8 @@ To make the rule more generic, easiest way is ignoring the elements start with ` To be able to use Baklava via CDN, you should add our default.css and baklava.js at head tag in your index.html file. ```html - - + + ``` ### Via NPM diff --git a/examples/input-mask-react/package.json b/examples/input-mask-react/package.json index f7e64b24..09bd8b8e 100644 --- a/examples/input-mask-react/package.json +++ b/examples/input-mask-react/package.json @@ -14,7 +14,7 @@ "@maskito/core": "^2.2.0", "@maskito/kit": "^2.2.0", "@maskito/react": "^2.2.0", - "@trendyol/baklava": "^3.1.0", + "@trendyol/baklava": "^3.2.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-imask": "^7.6.0", diff --git a/examples/input-mask-vue/package.json b/examples/input-mask-vue/package.json index 3791c8bc..fbc173ed 100644 --- a/examples/input-mask-vue/package.json +++ b/examples/input-mask-vue/package.json @@ -12,7 +12,7 @@ "@maskito/core": "^2.3.1", "@maskito/kit": "^2.3.1", "@maskito/vue": "^2.3.1", - "@trendyol/baklava": "^3.1.0", + "@trendyol/baklava": "^3.2.0", "vue": "^3.4.21", "vue-imask": "^7.6.0", "vue-router": "^4.3.2" diff --git a/examples/input-mask/package.json b/examples/input-mask/package.json index 947167b4..d46d5ddb 100644 --- a/examples/input-mask/package.json +++ b/examples/input-mask/package.json @@ -15,7 +15,7 @@ "dependencies": { "@maskito/core": "^2.3.1", "@maskito/kit": "^2.3.1", - "@trendyol/baklava": "^3.1.0", + "@trendyol/baklava": "^3.2.0", "imask": "^7.6.0" } }