@razorpay/blade 6.7.0 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +83 -0
- package/build/components/index.d.ts +52 -32
- package/build/components/index.native.d.ts +52 -32
- package/build/components/index.native.js +17 -17
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +142 -77
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +29 -26
- package/build/css/bankingThemeDarkMobile.css +38 -35
- package/build/css/bankingThemeLightDesktop.css +16 -13
- package/build/css/bankingThemeLightMobile.css +25 -22
- package/build/css/paymentThemeDarkDesktop.css +28 -25
- package/build/css/paymentThemeDarkMobile.css +37 -34
- package/build/css/paymentThemeLightDesktop.css +16 -13
- package/build/css/paymentThemeLightMobile.css +25 -22
- package/build/tokens/index.d.ts +82 -52
- package/build/tokens/index.native.d.ts +82 -52
- package/build/tokens/index.native.js +3 -3
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +68 -62
- package/build/tokens/index.web.js.map +1 -1
- package/build/utils/index.native.js +1 -1
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.web.js +35 -29
- package/build/utils/index.web.js.map +1 -1
- package/codemods/migrate-typography/transformers/migrate-typography.ts +33 -0
- package/package.json +9 -2
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { Transform } from 'jscodeshift';
|
|
2
|
+
|
|
3
|
+
const transformer: Transform = (file) => {
|
|
4
|
+
const map = {
|
|
5
|
+
s: 50,
|
|
6
|
+
m: 50,
|
|
7
|
+
l: 100,
|
|
8
|
+
xl: 200,
|
|
9
|
+
'2xl': 300,
|
|
10
|
+
'3xl': 400,
|
|
11
|
+
'4xl': 600,
|
|
12
|
+
'5xl': 700,
|
|
13
|
+
'6xl': 800,
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
const prefix = 'theme.typography.lineHeights';
|
|
17
|
+
const newSource = file.source.replace(
|
|
18
|
+
// gets both .s and ['2xl'] or ["2xl"]
|
|
19
|
+
/theme\.typography\.lineHeights\.?((\w+)|(\W.*\]))/g,
|
|
20
|
+
(originalString, match) => {
|
|
21
|
+
const token = match.replace(/\[|\]|'|"/g, '');
|
|
22
|
+
const replacement = map[token];
|
|
23
|
+
if (!replacement) {
|
|
24
|
+
return originalString;
|
|
25
|
+
}
|
|
26
|
+
return `${prefix}[${map[token]}]`;
|
|
27
|
+
},
|
|
28
|
+
);
|
|
29
|
+
|
|
30
|
+
return newSource;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export default transformer;
|
package/package.json
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@razorpay/blade",
|
|
3
3
|
"description": "The Design System that powers Razorpay",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=14.18.0"
|
|
8
8
|
},
|
|
9
|
+
"bin": {
|
|
10
|
+
"migrate-typography": "./codemods/migrate-typography/cli.js"
|
|
11
|
+
},
|
|
9
12
|
"repository": {
|
|
10
13
|
"type": "git",
|
|
11
14
|
"url": "ssh://git@github.com/razorpay/blade.git"
|
|
12
15
|
},
|
|
13
16
|
"files": [
|
|
14
17
|
"build",
|
|
18
|
+
"codemods",
|
|
15
19
|
"components.d.ts",
|
|
16
20
|
"components.js",
|
|
17
21
|
"tokens.d.ts",
|
|
@@ -186,7 +190,10 @@
|
|
|
186
190
|
"rollup-plugin-peer-deps-external": "2.2.4",
|
|
187
191
|
"style-dictionary": "3.7.1",
|
|
188
192
|
"styled-components": "5.3.5",
|
|
189
|
-
"tsconfig-paths-webpack-plugin": "3.5.2"
|
|
193
|
+
"tsconfig-paths-webpack-plugin": "3.5.2",
|
|
194
|
+
"@types/jscodeshift": "0.11.6",
|
|
195
|
+
"args-parser": "1.3.0",
|
|
196
|
+
"jscodeshift": "0.13.1"
|
|
190
197
|
},
|
|
191
198
|
"peerDependencies": {
|
|
192
199
|
"react": ">=17",
|