@causw/tokens 0.0.11 → 0.0.13
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/dist/config/index.cjs +24 -0
- package/dist/config/index.d.cts +19 -0
- package/dist/config/index.d.cts.map +1 -0
- package/dist/config/index.d.mts +8 -4
- package/dist/config/index.d.mts.map +1 -0
- package/dist/config/index.mjs +22 -1
- package/dist/config/index.mjs.map +1 -0
- package/dist/config/tailwind-content/tailwind-content.cjs +6 -0
- package/dist/config/tailwind-content/tailwind-content.d.cts +5 -0
- package/dist/config/tailwind-content/tailwind-content.d.cts.map +1 -0
- package/dist/config/tailwind-content/tailwind-content.d.mts +5 -0
- package/dist/config/tailwind-content/tailwind-content.d.mts.map +1 -0
- package/dist/config/tailwind-content/tailwind-content.mjs +6 -0
- package/dist/config/tailwind-content/tailwind-content.mjs.map +1 -0
- package/dist/config/tailwind-preset/index.d.cts +1 -0
- package/dist/config/tailwind-preset/index.d.mts +1 -0
- package/dist/config/tailwind-preset/tailwind-preset.cjs +34 -0
- package/dist/{tailwind-preset-Bz71olkK.d.mts → config/tailwind-preset/tailwind-preset.d.cts} +5 -5
- package/dist/config/tailwind-preset/tailwind-preset.d.cts.map +1 -0
- package/dist/{tailwind-preset-Bz71olkK.d.ts → config/tailwind-preset/tailwind-preset.d.mts} +5 -5
- package/dist/config/tailwind-preset/tailwind-preset.d.mts.map +1 -0
- package/dist/config/tailwind-preset/tailwind-preset.mjs +35 -0
- package/dist/config/tailwind-preset/tailwind-preset.mjs.map +1 -0
- package/dist/foundations/borderRadius.cjs +14 -0
- package/dist/foundations/borderRadius.d.cts +13 -0
- package/dist/foundations/borderRadius.d.cts.map +1 -0
- package/dist/foundations/borderRadius.d.mts +13 -0
- package/dist/foundations/borderRadius.d.mts.map +1 -0
- package/dist/foundations/borderRadius.mjs +14 -0
- package/dist/foundations/borderRadius.mjs.map +1 -0
- package/dist/foundations/colors.cjs +34 -0
- package/dist/foundations/colors.d.cts +39 -0
- package/dist/foundations/colors.d.cts.map +1 -0
- package/dist/foundations/colors.d.mts +39 -0
- package/dist/foundations/colors.d.mts.map +1 -0
- package/dist/foundations/colors.mjs +34 -0
- package/dist/foundations/colors.mjs.map +1 -0
- package/dist/foundations/typography.cjs +70 -0
- package/dist/foundations/typography.d.cts +34 -0
- package/dist/foundations/typography.d.cts.map +1 -0
- package/dist/foundations/typography.d.mts +34 -0
- package/dist/foundations/typography.d.mts.map +1 -0
- package/dist/foundations/typography.mjs +70 -0
- package/dist/foundations/typography.mjs.map +1 -0
- package/dist/index.cjs +11 -0
- package/dist/index.d.cts +7 -0
- package/dist/index.d.mts +7 -75
- package/dist/index.mjs +7 -1
- package/package.json +21 -11
- package/dist/chunk-6XXGXQS3.mjs +0 -159
- package/dist/config/index.d.ts +0 -15
- package/dist/config/index.js +0 -165
- package/dist/index.d.ts +0 -75
- package/dist/index.js +0 -158
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
|
+
const require_tailwind_content = require('./tailwind-content/tailwind-content.cjs');
|
|
3
|
+
const require_tailwind_preset = require('./tailwind-preset/tailwind-preset.cjs');
|
|
4
|
+
|
|
5
|
+
//#region src/config/index.ts
|
|
6
|
+
/**
|
|
7
|
+
* Tailwind CSS 4 config for use with @config directive
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```css
|
|
11
|
+
* @import 'tailwindcss';
|
|
12
|
+
* @config '@causw/tokens/config';
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
const causwConfig = {
|
|
16
|
+
content: require_tailwind_content.causwContent,
|
|
17
|
+
presets: [require_tailwind_preset.causwPreset]
|
|
18
|
+
};
|
|
19
|
+
var config_default = causwConfig;
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
exports.causwContent = require_tailwind_content.causwContent;
|
|
23
|
+
exports.causwPreset = require_tailwind_preset.causwPreset;
|
|
24
|
+
exports.default = config_default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { causwContent } from "./tailwind-content/tailwind-content.cjs";
|
|
2
|
+
import { causwPreset } from "./tailwind-preset/tailwind-preset.cjs";
|
|
3
|
+
import "./tailwind-preset/index.cjs";
|
|
4
|
+
import { Config } from "tailwindcss";
|
|
5
|
+
|
|
6
|
+
//#region src/config/index.d.ts
|
|
7
|
+
/**
|
|
8
|
+
* Tailwind CSS 4 config for use with @config directive
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```css
|
|
12
|
+
* @import 'tailwindcss';
|
|
13
|
+
* @config '@causw/tokens/config';
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
declare const causwConfig: Config;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { causwContent, causwPreset, causwConfig as default };
|
|
19
|
+
//# sourceMappingURL=index.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/config/index.ts"],"mappings":";;;;;;;;AAIqC;;;;;;;cAW/B,WAAA,EAAa,MAAA"}
|
package/dist/config/index.d.mts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { causwContent } from "./tailwind-content/tailwind-content.mjs";
|
|
2
|
+
import { causwPreset } from "./tailwind-preset/tailwind-preset.mjs";
|
|
3
|
+
import "./tailwind-preset/index.mjs";
|
|
4
|
+
import { Config } from "tailwindcss";
|
|
3
5
|
|
|
6
|
+
//#region src/config/index.d.ts
|
|
4
7
|
/**
|
|
5
8
|
* Tailwind CSS 4 config for use with @config directive
|
|
6
9
|
*
|
|
@@ -11,5 +14,6 @@ export { c as causwContent, a as causwPreset } from '../tailwind-preset-Bz71olkK
|
|
|
11
14
|
* ```
|
|
12
15
|
*/
|
|
13
16
|
declare const causwConfig: Config;
|
|
14
|
-
|
|
15
|
-
export { causwConfig as default };
|
|
17
|
+
//#endregion
|
|
18
|
+
export { causwContent, causwPreset, causwConfig as default };
|
|
19
|
+
//# sourceMappingURL=index.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/config/index.ts"],"mappings":";;;;;;;;AAIqC;;;;;;;cAW/B,WAAA,EAAa,MAAA"}
|
package/dist/config/index.mjs
CHANGED
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
import { causwContent } from "./tailwind-content/tailwind-content.mjs";
|
|
2
|
+
import { causwPreset } from "./tailwind-preset/tailwind-preset.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/config/index.ts
|
|
5
|
+
/**
|
|
6
|
+
* Tailwind CSS 4 config for use with @config directive
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```css
|
|
10
|
+
* @import 'tailwindcss';
|
|
11
|
+
* @config '@causw/tokens/config';
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
const causwConfig = {
|
|
15
|
+
content: causwContent,
|
|
16
|
+
presets: [causwPreset]
|
|
17
|
+
};
|
|
18
|
+
var config_default = causwConfig;
|
|
19
|
+
|
|
20
|
+
//#endregion
|
|
21
|
+
export { causwContent, causwPreset, config_default as default };
|
|
22
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/config/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\nimport { causwContent } from './tailwind-content';\nimport { causwPreset } from './tailwind-preset';\n\nexport { causwContent, causwPreset };\n\n/**\n * Tailwind CSS 4 config for use with @config directive\n *\n * @example\n * ```css\n * @import 'tailwindcss';\n * @config '@causw/tokens/config';\n * ```\n */\nconst causwConfig: Config = {\n content: causwContent,\n presets: [causwPreset as Partial<Config>],\n};\n\nexport default causwConfig;\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,cAAsB;CAC1B,SAAS;CACT,SAAS,CAAC,YAA+B;CAC1C;AAED,qBAAe"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-content.d.cts","names":[],"sources":["../../../src/config/tailwind-content/tailwind-content.ts"],"mappings":";cAAa,YAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-content.d.mts","names":[],"sources":["../../../src/config/tailwind-content/tailwind-content.ts"],"mappings":";cAAa,YAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
//#region src/config/tailwind-content/tailwind-content.ts
|
|
2
|
+
const causwContent = ["./node_modules/@causw/core/dist/**/*.{js,mjs}", "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"];
|
|
3
|
+
|
|
4
|
+
//#endregion
|
|
5
|
+
export { causwContent };
|
|
6
|
+
//# sourceMappingURL=tailwind-content.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-content.mjs","names":[],"sources":["../../../src/config/tailwind-content/tailwind-content.ts"],"sourcesContent":["export const causwContent = [\n './node_modules/@causw/core/dist/**/*.{js,mjs}',\n './node_modules/@causw/tokens/dist/**/*.{js,mjs}',\n];\n"],"mappings":";AAAA,MAAa,eAAe,CAC1B,iDACA,kDACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { causwPreset } from "./tailwind-preset.cjs";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { causwPreset } from "./tailwind-preset.mjs";
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
const require_borderRadius = require('../../foundations/borderRadius.cjs');
|
|
2
|
+
const require_colors = require('../../foundations/colors.cjs');
|
|
3
|
+
const require_typography = require('../../foundations/typography.cjs');
|
|
4
|
+
|
|
5
|
+
//#region src/config/tailwind-preset/tailwind-preset.ts
|
|
6
|
+
/**
|
|
7
|
+
* CAUSW Design System Tailwind CSS Preset
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```ts
|
|
11
|
+
* // tailwind.config.ts
|
|
12
|
+
* import { causwPreset } from '@causw/design-system/tailwind-preset';
|
|
13
|
+
*
|
|
14
|
+
* export default {
|
|
15
|
+
* presets: [causwPreset],
|
|
16
|
+
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
17
|
+
* } satisfies Config;
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
const causwPreset = { theme: { extend: {
|
|
21
|
+
borderRadius: require_borderRadius.borderRadius,
|
|
22
|
+
colors: require_colors.colors,
|
|
23
|
+
fontFamily: {
|
|
24
|
+
sans: require_typography.typography.fontFamily.sans,
|
|
25
|
+
mono: require_typography.typography.fontFamily.mono,
|
|
26
|
+
serif: require_typography.typography.fontFamily.serif
|
|
27
|
+
},
|
|
28
|
+
fontSize: require_typography.typography.fontSize,
|
|
29
|
+
fontWeight: require_typography.typography.fontWeight,
|
|
30
|
+
lineHeight: require_typography.typography.lineHeight
|
|
31
|
+
} } };
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
exports.causwPreset = causwPreset;
|
package/dist/{tailwind-preset-Bz71olkK.d.mts → config/tailwind-preset/tailwind-preset.d.cts}
RENAMED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { Config } from
|
|
2
|
-
|
|
3
|
-
declare const causwContent: string[];
|
|
1
|
+
import { Config } from "tailwindcss";
|
|
4
2
|
|
|
3
|
+
//#region src/config/tailwind-preset/tailwind-preset.d.ts
|
|
5
4
|
/**
|
|
6
5
|
* CAUSW Design System Tailwind CSS Preset
|
|
7
6
|
*
|
|
@@ -17,5 +16,6 @@ declare const causwContent: string[];
|
|
|
17
16
|
* ```
|
|
18
17
|
*/
|
|
19
18
|
declare const causwPreset: Partial<Config>;
|
|
20
|
-
|
|
21
|
-
export { causwPreset
|
|
19
|
+
//#endregion
|
|
20
|
+
export { causwPreset };
|
|
21
|
+
//# sourceMappingURL=tailwind-preset.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-preset.d.cts","names":[],"sources":["../../../src/config/tailwind-preset/tailwind-preset.ts"],"mappings":";;;;;AAmBA;;;;;;;;;;;;cAAa,WAAA,EAAa,OAAA,CAAQ,MAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { Config } from
|
|
2
|
-
|
|
3
|
-
declare const causwContent: string[];
|
|
1
|
+
import { Config } from "tailwindcss";
|
|
4
2
|
|
|
3
|
+
//#region src/config/tailwind-preset/tailwind-preset.d.ts
|
|
5
4
|
/**
|
|
6
5
|
* CAUSW Design System Tailwind CSS Preset
|
|
7
6
|
*
|
|
@@ -17,5 +16,6 @@ declare const causwContent: string[];
|
|
|
17
16
|
* ```
|
|
18
17
|
*/
|
|
19
18
|
declare const causwPreset: Partial<Config>;
|
|
20
|
-
|
|
21
|
-
export { causwPreset
|
|
19
|
+
//#endregion
|
|
20
|
+
export { causwPreset };
|
|
21
|
+
//# sourceMappingURL=tailwind-preset.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-preset.d.mts","names":[],"sources":["../../../src/config/tailwind-preset/tailwind-preset.ts"],"mappings":";;;;;AAmBA;;;;;;;;;;;;cAAa,WAAA,EAAa,OAAA,CAAQ,MAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { borderRadius } from "../../foundations/borderRadius.mjs";
|
|
2
|
+
import { colors } from "../../foundations/colors.mjs";
|
|
3
|
+
import { typography } from "../../foundations/typography.mjs";
|
|
4
|
+
|
|
5
|
+
//#region src/config/tailwind-preset/tailwind-preset.ts
|
|
6
|
+
/**
|
|
7
|
+
* CAUSW Design System Tailwind CSS Preset
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```ts
|
|
11
|
+
* // tailwind.config.ts
|
|
12
|
+
* import { causwPreset } from '@causw/design-system/tailwind-preset';
|
|
13
|
+
*
|
|
14
|
+
* export default {
|
|
15
|
+
* presets: [causwPreset],
|
|
16
|
+
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
17
|
+
* } satisfies Config;
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
const causwPreset = { theme: { extend: {
|
|
21
|
+
borderRadius,
|
|
22
|
+
colors,
|
|
23
|
+
fontFamily: {
|
|
24
|
+
sans: typography.fontFamily.sans,
|
|
25
|
+
mono: typography.fontFamily.mono,
|
|
26
|
+
serif: typography.fontFamily.serif
|
|
27
|
+
},
|
|
28
|
+
fontSize: typography.fontSize,
|
|
29
|
+
fontWeight: typography.fontWeight,
|
|
30
|
+
lineHeight: typography.lineHeight
|
|
31
|
+
} } };
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
export { causwPreset };
|
|
35
|
+
//# sourceMappingURL=tailwind-preset.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-preset.mjs","names":[],"sources":["../../../src/config/tailwind-preset/tailwind-preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\nimport { borderRadius } from '../../foundations/borderRadius';\nimport { colors } from '../../foundations/colors';\nimport { typography } from '../../foundations/typography';\n\n/**\n * CAUSW Design System Tailwind CSS Preset\n *\n * @example\n * ```ts\n * // tailwind.config.ts\n * import { causwPreset } from '@causw/design-system/tailwind-preset';\n *\n * export default {\n * presets: [causwPreset],\n * content: ['./src/**\\/*.{js,ts,jsx,tsx}'],\n * } satisfies Config;\n * ```\n */\nexport const causwPreset: Partial<Config> = {\n theme: {\n extend: {\n borderRadius,\n colors,\n fontFamily: {\n sans: typography.fontFamily.sans,\n mono: typography.fontFamily.mono,\n serif: typography.fontFamily.serif,\n },\n fontSize: typography.fontSize,\n fontWeight: typography.fontWeight,\n lineHeight: typography.lineHeight,\n },\n },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAa,cAA+B,EAC1C,OAAO,EACL,QAAQ;CACN;CACA;CACA,YAAY;EACV,MAAM,WAAW,WAAW;EAC5B,MAAM,WAAW,WAAW;EAC5B,OAAO,WAAW,WAAW;EAC9B;CACD,UAAU,WAAW;CACrB,YAAY,WAAW;CACvB,YAAY,WAAW;CACxB,EACF,EACF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/foundations/borderRadius.d.ts
|
|
2
|
+
declare const borderRadius: {
|
|
3
|
+
readonly xs: "0.25rem";
|
|
4
|
+
readonly sm: "0.5rem";
|
|
5
|
+
readonly md: "0.75rem";
|
|
6
|
+
readonly lg: "1rem";
|
|
7
|
+
readonly xl: "1.25rem";
|
|
8
|
+
readonly '2xl': "1.5rem";
|
|
9
|
+
readonly '3xl': "2rem";
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { borderRadius };
|
|
13
|
+
//# sourceMappingURL=borderRadius.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderRadius.d.cts","names":[],"sources":["../../src/foundations/borderRadius.ts"],"mappings":";cAAa,YAAA;EAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/foundations/borderRadius.d.ts
|
|
2
|
+
declare const borderRadius: {
|
|
3
|
+
readonly xs: "0.25rem";
|
|
4
|
+
readonly sm: "0.5rem";
|
|
5
|
+
readonly md: "0.75rem";
|
|
6
|
+
readonly lg: "1rem";
|
|
7
|
+
readonly xl: "1.25rem";
|
|
8
|
+
readonly '2xl': "1.5rem";
|
|
9
|
+
readonly '3xl': "2rem";
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { borderRadius };
|
|
13
|
+
//# sourceMappingURL=borderRadius.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderRadius.d.mts","names":[],"sources":["../../src/foundations/borderRadius.ts"],"mappings":";cAAa,YAAA;EAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
//#region src/foundations/borderRadius.ts
|
|
2
|
+
const borderRadius = {
|
|
3
|
+
xs: "0.25rem",
|
|
4
|
+
sm: "0.5rem",
|
|
5
|
+
md: "0.75rem",
|
|
6
|
+
lg: "1rem",
|
|
7
|
+
xl: "1.25rem",
|
|
8
|
+
"2xl": "1.5rem",
|
|
9
|
+
"3xl": "2rem"
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
//#endregion
|
|
13
|
+
export { borderRadius };
|
|
14
|
+
//# sourceMappingURL=borderRadius.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderRadius.mjs","names":[],"sources":["../../src/foundations/borderRadius.ts"],"sourcesContent":["export const borderRadius = {\n xs: '0.25rem', // 4px\n sm: '0.5rem', // 8px\n md: '0.75rem', // 12px\n lg: '1rem', // 16px\n xl: '1.25rem', // 20px\n '2xl': '1.5rem', // 24px\n '3xl': '2rem', // 32px\n} as const;\n"],"mappings":";AAAA,MAAa,eAAe;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACR"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/foundations/colors.ts
|
|
3
|
+
const colors = {
|
|
4
|
+
blue: {
|
|
5
|
+
100: "#EEF4FF",
|
|
6
|
+
200: "#CADDFF",
|
|
7
|
+
500: "#4F98FF",
|
|
8
|
+
700: "#237EFF"
|
|
9
|
+
},
|
|
10
|
+
gray: {
|
|
11
|
+
50: "#F9FAFB",
|
|
12
|
+
100: "#F5F6F8",
|
|
13
|
+
200: "#E9ECF2",
|
|
14
|
+
300: "#CACED5",
|
|
15
|
+
400: "#99A1AF",
|
|
16
|
+
500: "#6A7282",
|
|
17
|
+
600: "#4A5565",
|
|
18
|
+
700: "#364153",
|
|
19
|
+
800: "#1E2939",
|
|
20
|
+
900: "#101828"
|
|
21
|
+
},
|
|
22
|
+
red: {
|
|
23
|
+
100: "#FFEFEF",
|
|
24
|
+
200: "#FFCACF",
|
|
25
|
+
400: "#FD5C5F",
|
|
26
|
+
500: "#DF0F12"
|
|
27
|
+
},
|
|
28
|
+
green: { 400: "#3ED06C" },
|
|
29
|
+
white: { main: "#FFFFFF" },
|
|
30
|
+
black: { main: "#000000" }
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
exports.colors = colors;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
//#region src/foundations/colors.d.ts
|
|
2
|
+
declare const colors: {
|
|
3
|
+
readonly blue: {
|
|
4
|
+
readonly 100: "#EEF4FF";
|
|
5
|
+
readonly 200: "#CADDFF";
|
|
6
|
+
readonly 500: "#4F98FF";
|
|
7
|
+
readonly 700: "#237EFF";
|
|
8
|
+
};
|
|
9
|
+
readonly gray: {
|
|
10
|
+
readonly 50: "#F9FAFB";
|
|
11
|
+
readonly 100: "#F5F6F8";
|
|
12
|
+
readonly 200: "#E9ECF2";
|
|
13
|
+
readonly 300: "#CACED5";
|
|
14
|
+
readonly 400: "#99A1AF";
|
|
15
|
+
readonly 500: "#6A7282";
|
|
16
|
+
readonly 600: "#4A5565";
|
|
17
|
+
readonly 700: "#364153";
|
|
18
|
+
readonly 800: "#1E2939";
|
|
19
|
+
readonly 900: "#101828";
|
|
20
|
+
};
|
|
21
|
+
readonly red: {
|
|
22
|
+
readonly 100: "#FFEFEF";
|
|
23
|
+
readonly 200: "#FFCACF";
|
|
24
|
+
readonly 400: "#FD5C5F";
|
|
25
|
+
readonly 500: "#DF0F12";
|
|
26
|
+
};
|
|
27
|
+
readonly green: {
|
|
28
|
+
readonly 400: "#3ED06C";
|
|
29
|
+
};
|
|
30
|
+
readonly white: {
|
|
31
|
+
readonly main: "#FFFFFF";
|
|
32
|
+
};
|
|
33
|
+
readonly black: {
|
|
34
|
+
readonly main: "#000000";
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
//#endregion
|
|
38
|
+
export { colors };
|
|
39
|
+
//# sourceMappingURL=colors.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.cts","names":[],"sources":["../../src/foundations/colors.ts"],"mappings":";cAAa,MAAA;EAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
//#region src/foundations/colors.d.ts
|
|
2
|
+
declare const colors: {
|
|
3
|
+
readonly blue: {
|
|
4
|
+
readonly 100: "#EEF4FF";
|
|
5
|
+
readonly 200: "#CADDFF";
|
|
6
|
+
readonly 500: "#4F98FF";
|
|
7
|
+
readonly 700: "#237EFF";
|
|
8
|
+
};
|
|
9
|
+
readonly gray: {
|
|
10
|
+
readonly 50: "#F9FAFB";
|
|
11
|
+
readonly 100: "#F5F6F8";
|
|
12
|
+
readonly 200: "#E9ECF2";
|
|
13
|
+
readonly 300: "#CACED5";
|
|
14
|
+
readonly 400: "#99A1AF";
|
|
15
|
+
readonly 500: "#6A7282";
|
|
16
|
+
readonly 600: "#4A5565";
|
|
17
|
+
readonly 700: "#364153";
|
|
18
|
+
readonly 800: "#1E2939";
|
|
19
|
+
readonly 900: "#101828";
|
|
20
|
+
};
|
|
21
|
+
readonly red: {
|
|
22
|
+
readonly 100: "#FFEFEF";
|
|
23
|
+
readonly 200: "#FFCACF";
|
|
24
|
+
readonly 400: "#FD5C5F";
|
|
25
|
+
readonly 500: "#DF0F12";
|
|
26
|
+
};
|
|
27
|
+
readonly green: {
|
|
28
|
+
readonly 400: "#3ED06C";
|
|
29
|
+
};
|
|
30
|
+
readonly white: {
|
|
31
|
+
readonly main: "#FFFFFF";
|
|
32
|
+
};
|
|
33
|
+
readonly black: {
|
|
34
|
+
readonly main: "#000000";
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
//#endregion
|
|
38
|
+
export { colors };
|
|
39
|
+
//# sourceMappingURL=colors.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.mts","names":[],"sources":["../../src/foundations/colors.ts"],"mappings":";cAAa,MAAA;EAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
//#region src/foundations/colors.ts
|
|
2
|
+
const colors = {
|
|
3
|
+
blue: {
|
|
4
|
+
100: "#EEF4FF",
|
|
5
|
+
200: "#CADDFF",
|
|
6
|
+
500: "#4F98FF",
|
|
7
|
+
700: "#237EFF"
|
|
8
|
+
},
|
|
9
|
+
gray: {
|
|
10
|
+
50: "#F9FAFB",
|
|
11
|
+
100: "#F5F6F8",
|
|
12
|
+
200: "#E9ECF2",
|
|
13
|
+
300: "#CACED5",
|
|
14
|
+
400: "#99A1AF",
|
|
15
|
+
500: "#6A7282",
|
|
16
|
+
600: "#4A5565",
|
|
17
|
+
700: "#364153",
|
|
18
|
+
800: "#1E2939",
|
|
19
|
+
900: "#101828"
|
|
20
|
+
},
|
|
21
|
+
red: {
|
|
22
|
+
100: "#FFEFEF",
|
|
23
|
+
200: "#FFCACF",
|
|
24
|
+
400: "#FD5C5F",
|
|
25
|
+
500: "#DF0F12"
|
|
26
|
+
},
|
|
27
|
+
green: { 400: "#3ED06C" },
|
|
28
|
+
white: { main: "#FFFFFF" },
|
|
29
|
+
black: { main: "#000000" }
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
export { colors };
|
|
34
|
+
//# sourceMappingURL=colors.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.mjs","names":[],"sources":["../../src/foundations/colors.ts"],"sourcesContent":["export const colors = {\n blue: {\n 100: '#EEF4FF',\n 200: '#CADDFF',\n 500: '#4F98FF',\n 700: '#237EFF',\n },\n gray: {\n 50: '#F9FAFB',\n 100: '#F5F6F8',\n 200: '#E9ECF2',\n 300: '#CACED5',\n 400: '#99A1AF',\n 500: '#6A7282',\n 600: '#4A5565',\n 700: '#364153',\n 800: '#1E2939',\n 900: '#101828',\n },\n red: {\n 100: '#FFEFEF',\n 200: '#FFCACF',\n 400: '#FD5C5F',\n 500: '#DF0F12',\n },\n green: {\n 400: '#3ED06C',\n },\n white: {\n main: '#FFFFFF',\n },\n black: {\n main: '#000000',\n },\n} as const;\n"],"mappings":";AAAA,MAAa,SAAS;CACpB,MAAM;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACN;CACD,MAAM;EACJ,IAAI;EACJ,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACN;CACD,KAAK;EACH,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACN;CACD,OAAO,EACL,KAAK,WACN;CACD,OAAO,EACL,MAAM,WACP;CACD,OAAO,EACL,MAAM,WACP;CACF"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/foundations/typography.ts
|
|
3
|
+
const typography = {
|
|
4
|
+
fontFamily: {
|
|
5
|
+
sans: [
|
|
6
|
+
"Pretendard",
|
|
7
|
+
"Pretendard Variable",
|
|
8
|
+
"-apple-system",
|
|
9
|
+
"BlinkMacSystemFont",
|
|
10
|
+
"system-ui",
|
|
11
|
+
"Roboto",
|
|
12
|
+
"Helvetica Neue",
|
|
13
|
+
"Segoe UI",
|
|
14
|
+
"Apple SD Gothic Neo",
|
|
15
|
+
"Noto Sans KR",
|
|
16
|
+
"Malgun Gothic",
|
|
17
|
+
"Apple Color Emoji",
|
|
18
|
+
"Segoe UI Emoji",
|
|
19
|
+
"Segoe UI Symbol",
|
|
20
|
+
"sans-serif"
|
|
21
|
+
],
|
|
22
|
+
mono: [
|
|
23
|
+
"Pretendard",
|
|
24
|
+
"Pretendard Variable",
|
|
25
|
+
"ui-monospace",
|
|
26
|
+
"SFMono-Regular",
|
|
27
|
+
"SF Mono",
|
|
28
|
+
"Menlo",
|
|
29
|
+
"Consolas",
|
|
30
|
+
"Liberation Mono",
|
|
31
|
+
"monospace"
|
|
32
|
+
],
|
|
33
|
+
serif: [
|
|
34
|
+
"Pretendard",
|
|
35
|
+
"Pretendard Variable",
|
|
36
|
+
"ui-serif",
|
|
37
|
+
"Georgia",
|
|
38
|
+
"Cambria",
|
|
39
|
+
"Times New Roman",
|
|
40
|
+
"Times",
|
|
41
|
+
"serif"
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
fontSize: {
|
|
45
|
+
"2xs": "0.75rem",
|
|
46
|
+
xs: "0.875rem",
|
|
47
|
+
sm: "0.9375rem",
|
|
48
|
+
base: "1rem",
|
|
49
|
+
lg: "1.125rem",
|
|
50
|
+
xl: "1.25rem",
|
|
51
|
+
"2xl": "1.375rem",
|
|
52
|
+
"3xl": "1.5rem",
|
|
53
|
+
"4xl": "1.875rem",
|
|
54
|
+
"5xl": "2rem",
|
|
55
|
+
"6xl": "3rem"
|
|
56
|
+
},
|
|
57
|
+
fontWeight: {
|
|
58
|
+
regular: "400",
|
|
59
|
+
medium: "500",
|
|
60
|
+
semibold: "600",
|
|
61
|
+
bold: "700"
|
|
62
|
+
},
|
|
63
|
+
lineHeight: {
|
|
64
|
+
tight: "1.5",
|
|
65
|
+
normal: "1.6"
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
//#endregion
|
|
70
|
+
exports.typography = typography;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
//#region src/foundations/typography.d.ts
|
|
2
|
+
declare const typography: {
|
|
3
|
+
readonly fontFamily: {
|
|
4
|
+
readonly sans: readonly ["Pretendard", "Pretendard Variable", "-apple-system", "BlinkMacSystemFont", "system-ui", "Roboto", "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "sans-serif"];
|
|
5
|
+
readonly mono: readonly ["Pretendard", "Pretendard Variable", "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace"];
|
|
6
|
+
readonly serif: readonly ["Pretendard", "Pretendard Variable", "ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
|
|
7
|
+
};
|
|
8
|
+
readonly fontSize: {
|
|
9
|
+
readonly '2xs': "0.75rem";
|
|
10
|
+
readonly xs: "0.875rem";
|
|
11
|
+
readonly sm: "0.9375rem";
|
|
12
|
+
readonly base: "1rem";
|
|
13
|
+
readonly lg: "1.125rem";
|
|
14
|
+
readonly xl: "1.25rem";
|
|
15
|
+
readonly '2xl': "1.375rem";
|
|
16
|
+
readonly '3xl': "1.5rem";
|
|
17
|
+
readonly '4xl': "1.875rem";
|
|
18
|
+
readonly '5xl': "2rem";
|
|
19
|
+
readonly '6xl': "3rem";
|
|
20
|
+
};
|
|
21
|
+
readonly fontWeight: {
|
|
22
|
+
readonly regular: "400";
|
|
23
|
+
readonly medium: "500";
|
|
24
|
+
readonly semibold: "600";
|
|
25
|
+
readonly bold: "700";
|
|
26
|
+
};
|
|
27
|
+
readonly lineHeight: {
|
|
28
|
+
readonly tight: "1.5";
|
|
29
|
+
readonly normal: "1.6";
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
export { typography };
|
|
34
|
+
//# sourceMappingURL=typography.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.cts","names":[],"sources":["../../src/foundations/typography.ts"],"mappings":";cAAa,UAAA;EAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
//#region src/foundations/typography.d.ts
|
|
2
|
+
declare const typography: {
|
|
3
|
+
readonly fontFamily: {
|
|
4
|
+
readonly sans: readonly ["Pretendard", "Pretendard Variable", "-apple-system", "BlinkMacSystemFont", "system-ui", "Roboto", "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "sans-serif"];
|
|
5
|
+
readonly mono: readonly ["Pretendard", "Pretendard Variable", "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace"];
|
|
6
|
+
readonly serif: readonly ["Pretendard", "Pretendard Variable", "ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
|
|
7
|
+
};
|
|
8
|
+
readonly fontSize: {
|
|
9
|
+
readonly '2xs': "0.75rem";
|
|
10
|
+
readonly xs: "0.875rem";
|
|
11
|
+
readonly sm: "0.9375rem";
|
|
12
|
+
readonly base: "1rem";
|
|
13
|
+
readonly lg: "1.125rem";
|
|
14
|
+
readonly xl: "1.25rem";
|
|
15
|
+
readonly '2xl': "1.375rem";
|
|
16
|
+
readonly '3xl': "1.5rem";
|
|
17
|
+
readonly '4xl': "1.875rem";
|
|
18
|
+
readonly '5xl': "2rem";
|
|
19
|
+
readonly '6xl': "3rem";
|
|
20
|
+
};
|
|
21
|
+
readonly fontWeight: {
|
|
22
|
+
readonly regular: "400";
|
|
23
|
+
readonly medium: "500";
|
|
24
|
+
readonly semibold: "600";
|
|
25
|
+
readonly bold: "700";
|
|
26
|
+
};
|
|
27
|
+
readonly lineHeight: {
|
|
28
|
+
readonly tight: "1.5";
|
|
29
|
+
readonly normal: "1.6";
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
export { typography };
|
|
34
|
+
//# sourceMappingURL=typography.d.mts.map
|