@ntkstudio/sample-design-tokens 1.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.
Files changed (4) hide show
  1. package/dist/css/variables.css +35 -0
  2. package/dist/ts/tokens.d.ts +33 -0
  3. package/dist/ts/tokens.js +42 -0
  4. package/package.json +24 -0
package/dist/css/variables.css ADDED
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --font-family-base: Noto Sans JP, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
7
+ --font-size-11: clamp(0.6875rem, -0.1398rem + 0.9186vw, 0.9625rem);
8
+ --font-size-12: clamp(0.75rem, -0.1525rem + 1.0021vw, 1.05rem);
9
+ --font-size-13: clamp(0.8125rem, -0.1652rem + 1.0856vw, 1.1375rem);
10
+ --font-size-14: clamp(0.875rem, -0.1779rem + 1.1691vw, 1.225rem);
11
+ --font-size-16: clamp(1rem, -0.2033rem + 1.3361vw, 1.4rem);
12
+ --font-size-18: clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem);
13
+ --font-size-20: clamp(1.25rem, -0.2542rem + 1.6701vw, 1.75rem);
14
+ --font-size-21: clamp(1.3125rem, -0.2669rem + 1.7537vw, 1.8375rem);
15
+ --font-size-26: clamp(1.625rem, -0.3304rem + 2.1712vw, 2.275rem);
16
+ --font-size-30: clamp(1.875rem, -0.3813rem + 2.5052vw, 2.625rem);
17
+ --font-size-32: clamp(2rem, -0.4067rem + 2.6722vw, 2.8rem);
18
+ --font-size-37: clamp(2.3125rem, -0.4702rem + 3.0898vw, 3.2375rem);
19
+ --font-size-43: clamp(2.6875rem, -0.5465rem + 3.5908vw, 3.7625rem);
20
+ --font-size-47: clamp(2.9375rem, -0.5973rem + 3.9248vw, 4.1125rem);
21
+ --font-size-57: clamp(3.5625rem, -0.7244rem + 4.7599vw, 4.9875rem);
22
+ --font-size-60: clamp(3.75rem, -0.7625rem + 5.0104vw, 5.25rem);
23
+ --font-line-height-100: 1;
24
+ --font-line-height-150: 1.5;
25
+ --font-line-height-175: 1.75;
26
+ --font-line-height-200: 2;
27
+ --font-pitch: calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75);
28
+ --margin-xs: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 0.5);
29
+ --margin-s: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 0.75);
30
+ --margin-1x: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 1);
31
+ --margin-2x: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 2);
32
+ --margin-3x: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 3);
33
+ --margin-4x: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 4);
34
+ --margin-8x: calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 8);
35
+ }
package/dist/ts/tokens.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ export const fontFamilyBase: string;
6
+ export const fontSize11: string;
7
+ export const fontSize12: string;
8
+ export const fontSize13: string;
9
+ export const fontSize14: string;
10
+ export const fontSize16: string;
11
+ export const fontSize18: string;
12
+ export const fontSize20: string;
13
+ export const fontSize21: string;
14
+ export const fontSize26: string;
15
+ export const fontSize30: string;
16
+ export const fontSize32: string;
17
+ export const fontSize37: string;
18
+ export const fontSize43: string;
19
+ export const fontSize47: string;
20
+ export const fontSize57: string;
21
+ export const fontSize60: string;
22
+ export const fontLineHeight100: number;
23
+ export const fontLineHeight150: number;
24
+ export const fontLineHeight175: number;
25
+ export const fontLineHeight200: number;
26
+ export const fontPitch: string;
27
+ export const marginXs: string;
28
+ export const marginS: string;
29
+ export const margin1x: string;
30
+ export const margin2x: string;
31
+ export const margin3x: string;
32
+ export const margin4x: string;
33
+ export const margin8x: string;
package/dist/ts/tokens.js ADDED
@@ -0,0 +1,42 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ export const fontFamilyBase =
6
+ "Noto Sans JP, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif";
7
+ export const fontSize11 = "clamp(0.6875rem, -0.1398rem + 0.9186vw, 0.9625rem)";
8
+ export const fontSize12 = "clamp(0.75rem, -0.1525rem + 1.0021vw, 1.05rem)";
9
+ export const fontSize13 = "clamp(0.8125rem, -0.1652rem + 1.0856vw, 1.1375rem)";
10
+ export const fontSize14 = "clamp(0.875rem, -0.1779rem + 1.1691vw, 1.225rem)";
11
+ export const fontSize16 = "clamp(1rem, -0.2033rem + 1.3361vw, 1.4rem)";
12
+ export const fontSize18 = "clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem)";
13
+ export const fontSize20 = "clamp(1.25rem, -0.2542rem + 1.6701vw, 1.75rem)";
14
+ export const fontSize21 = "clamp(1.3125rem, -0.2669rem + 1.7537vw, 1.8375rem)";
15
+ export const fontSize26 = "clamp(1.625rem, -0.3304rem + 2.1712vw, 2.275rem)";
16
+ export const fontSize30 = "clamp(1.875rem, -0.3813rem + 2.5052vw, 2.625rem)";
17
+ export const fontSize32 = "clamp(2rem, -0.4067rem + 2.6722vw, 2.8rem)";
18
+ export const fontSize37 = "clamp(2.3125rem, -0.4702rem + 3.0898vw, 3.2375rem)";
19
+ export const fontSize43 = "clamp(2.6875rem, -0.5465rem + 3.5908vw, 3.7625rem)";
20
+ export const fontSize47 = "clamp(2.9375rem, -0.5973rem + 3.9248vw, 4.1125rem)";
21
+ export const fontSize57 = "clamp(3.5625rem, -0.7244rem + 4.7599vw, 4.9875rem)";
22
+ export const fontSize60 = "clamp(3.75rem, -0.7625rem + 5.0104vw, 5.25rem)";
23
+ export const fontLineHeight100 = 1;
24
+ export const fontLineHeight150 = 1.5;
25
+ export const fontLineHeight175 = 1.75;
26
+ export const fontLineHeight200 = 2;
27
+ export const fontPitch =
28
+ "calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75)";
29
+ export const marginXs =
30
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 0.5)";
31
+ export const marginS =
32
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 0.75)";
33
+ export const margin1x =
34
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 1)";
35
+ export const margin2x =
36
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 2)";
37
+ export const margin3x =
38
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 3)";
39
+ export const margin4x =
40
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 4)";
41
+ export const margin8x =
42
+ "calc(calc(clamp(1.125rem, -0.2288rem + 1.5031vw, 1.575rem) * 1.75) * 8)";
package/package.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "name": "@ntkstudio/sample-design-tokens",
3
+ "type": "module",
4
+ "version": "1.0.0",
5
+ "description": "Headless Design System Tokens",
6
+ "main": "./dist/ts/tokens.js",
7
+ "types": "./dist/ts/tokens.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "scripts": {
12
+ "build": "tsx src/build.ts",
13
+ "prepublishOnly": "npm run build"
14
+ },
15
+ "publishConfig": {
16
+ "access": "public"
17
+ },
18
+ "dependencies": {
19
+ "style-dictionary": "^4.0.0"
20
+ },
21
+ "devDependencies": {
22
+ "tsx": "^4.0.0"
23
+ }
24
+ }