@os-design/theming - npm Package Compare versions

Comparing version 1.0.21 to 1.0.22

dist/cjs/utils/themes.js

@@ -381,3 +381,4 @@ "use strict";
   inputAddonPaddingHorizontal: 0.4,
-  inputColorBg: [0, 0, 100],
+  inputBorderWidth: 1,
+  inputColorBg: [0, 0, 0, 0],
 
@@ -855,6 +856,2 @@ get inputColorText() {
   editorFigureCaptionColorBg: [0, 0, 100, 0.1],
-  // ------------------------
-  // Input
-  // ------------------------
-  inputColorBg: [0, 0, 0, 0],
 
@@ -861,0 +858,0 @@ // ------------------------

dist/esm/utils/themes.js

@@ -361,3 +361,4 @@ import { overrideTheme } from '@os-design/theming-tools';
   inputAddonPaddingHorizontal: 0.4,
-  inputColorBg: [0, 0, 100],
+  inputBorderWidth: 1,
+  inputColorBg: [0, 0, 0, 0],
 
@@ -834,6 +835,2 @@ get inputColorText() {
   editorFigureCaptionColorBg: [0, 0, 100, 0.1],
-  // ------------------------
-  // Input
-  // ------------------------
-  inputColorBg: [0, 0, 0, 0],
 
@@ -840,0 +837,0 @@ // ------------------------

dist/types/utils/theme-type.d.ts

@@ -111,2 +111,3 @@ import { Color } from '@os-design/theming-tools';
     inputAddonPaddingHorizontal: number;
+    inputBorderWidth: number;
     inputColorBg: Color;
@@ -113,0 +114,0 @@ inputColorText: Color;

package.json

 {
   "name": "@os-design/theming",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "license": "UNLICENSED",
@@ -37,3 +37,3 @@ "repository": "[e-mail]:os-team/libs/os-design.git",
   },
-  "gitHead": "8a838dd04ab7d4adc65cac37edd2aeb1c69bd191"
+  "gitHead": "f36dae372033d170e0e6489d4fb8a10e2462f748"
 }

README.md

@@ -5,3 +5,3 @@ # @os-design/theming [![NPM version](https://img.shields.io/npm/v/@os-design/theming)](https://yarnpkg.com/package/@os-design/theming) [![BundlePhobia](https://img.shields.io/bundlephobia/minzip/@os-design/theming)](https://bundlephobia.com/result?p=@os-design/theming)
 
-## Usage
+## Installation
 
@@ -16,10 +16,22 @@ ### Step 1. Install the package
 
-Install peer dependencies using the following command:
+Also make sure that you have the [@emotion/react](https://emotion.sh/docs/@emotion/react) package installed.
 
+### Step 2. Redefine the emotion theme
+
+Create the `emotion.d.ts` file with the following content:
+
+```ts
+import '@emotion/react';
+import { Theme as BaseTheme } from '@os-design/theming';
+
+declare module '@emotion/react' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface Theme extends BaseTheme {}
+}
 ```
-npx install-peerdeps @os-design/theming
-```
 
-### Step 2. Wrap your application in `ThemeProvider`
+### Step 3. Wrap your app in `ThemeProvider`
 
+For example:
+
 ```tsx
@@ -41,2 +53,2 @@ import React from 'react';
 
-See all the features in the [Storybook](https://os-team.gitlab.io/libs/os-design/).
+See all theming features in the [Storybook](https://os-team.gitlab.io/libs/os-design/?path=/story/theming--page).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

169795

increased by0.05%

Number of lines in readme file

52

increased by30%

Worsened metrics

Lines of code

1757

decreased by-0.28%

No dependency changes