@kalink-ui/seedly 0.2.0 → 0.3.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 +6 -0
- package/package.json +1 -1
- package/.storybook/main.mts +0 -16
- package/.storybook/preview.ts +0 -27
- package/.storybook/theme/ref.css.ts +0 -63
- package/.storybook/theme/sprinkles.css.ts +0 -40
- package/.storybook/theme/theme.css.ts +0 -293
- package/.turbo/turbo-lint.log +0 -82
- package/.turbo/turbo-tsc.log +0 -227
- package/dist/utils.types.d.mts +0 -9
- package/dist/utils.types.d.ts +0 -9
- package/dist/utils.types.js +0 -19
- package/dist/utils.types.js.map +0 -1
- package/dist/utils.types.mjs +0 -1
- package/dist/utils.types.mjs.map +0 -1
- package/eslint.config.mts +0 -3
- package/tsconfig.json +0 -14
- package/tsup.config.ts +0 -18
- package/turbo/generators/config.ts +0 -35
- package/turbo/generators/templates/component.hbs +0 -21
- package/turbo/generators/templates/export.hbs +0 -5
- package/turbo/generators/templates/style.hbs +0 -3
- package/vite.config.mts +0 -9
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
package/.storybook/main.mts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { StorybookConfig } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
|
-
const config: StorybookConfig = {
|
|
4
|
-
stories: ['../**/*.mdx', '../**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
5
|
-
addons: [
|
|
6
|
-
'@storybook/addon-essentials',
|
|
7
|
-
'@chromatic-com/storybook',
|
|
8
|
-
'@storybook/addon-interactions',
|
|
9
|
-
],
|
|
10
|
-
framework: {
|
|
11
|
-
name: '@storybook/react-vite',
|
|
12
|
-
options: {},
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export default config;
|
package/.storybook/preview.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import './theme/ref.css';
|
|
2
|
-
import './theme/theme.css';
|
|
3
|
-
|
|
4
|
-
import { type Preview } from '@storybook/react';
|
|
5
|
-
|
|
6
|
-
const preview: Preview = {
|
|
7
|
-
parameters: {
|
|
8
|
-
docs: { controls: { sort: 'requiredFirst' } },
|
|
9
|
-
|
|
10
|
-
tags: ['autodocs'],
|
|
11
|
-
|
|
12
|
-
controls: {
|
|
13
|
-
matchers: {
|
|
14
|
-
color: /(background|color)$/i,
|
|
15
|
-
date: /Date$/i,
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
|
|
19
|
-
options: {
|
|
20
|
-
storySort: {
|
|
21
|
-
order: ['Styles', 'Layout', 'Components'],
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export default preview;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
createGlobalTheme,
|
|
3
|
-
createVar,
|
|
4
|
-
globalStyle,
|
|
5
|
-
} from '@vanilla-extract/css';
|
|
6
|
-
import { calc } from '@vanilla-extract/css-utils';
|
|
7
|
-
|
|
8
|
-
const sysFluidityMin = createVar();
|
|
9
|
-
const sysFluidityMax = createVar();
|
|
10
|
-
const sysFluidityInterpolation = createVar();
|
|
11
|
-
|
|
12
|
-
globalStyle(':root', {
|
|
13
|
-
vars: {
|
|
14
|
-
[sysFluidityMin]: '23.5',
|
|
15
|
-
[sysFluidityMax]: '80',
|
|
16
|
-
[sysFluidityInterpolation]: calc.divide(
|
|
17
|
-
calc.subtract('100vw', calc.multiply(sysFluidityMin, '1rem')),
|
|
18
|
-
calc.subtract(sysFluidityMax, sysFluidityMin),
|
|
19
|
-
),
|
|
20
|
-
},
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
export const refs = createGlobalTheme(':root', {
|
|
24
|
-
colors: {
|
|
25
|
-
neutral: {
|
|
26
|
-
0: '#000000',
|
|
27
|
-
10: '#161C1D',
|
|
28
|
-
20: '#2C383A',
|
|
29
|
-
30: '#435456',
|
|
30
|
-
40: '#597173',
|
|
31
|
-
50: '#6F8D90',
|
|
32
|
-
60: '#8CA4A6',
|
|
33
|
-
70: '#A9BBBC',
|
|
34
|
-
80: '#C5D1D3',
|
|
35
|
-
90: '#E2E8E9',
|
|
36
|
-
100: '#FFFFFF',
|
|
37
|
-
},
|
|
38
|
-
primary: {
|
|
39
|
-
0: '#000000',
|
|
40
|
-
10: '#1A1110',
|
|
41
|
-
20: '#401D10',
|
|
42
|
-
30: '#7F3A1A',
|
|
43
|
-
40: '#BF5B21',
|
|
44
|
-
50: '#F27F1B',
|
|
45
|
-
60: '#F2A950',
|
|
46
|
-
70: '#E6BD8A',
|
|
47
|
-
80: '#E4CEBC',
|
|
48
|
-
90: '#ECE8E2',
|
|
49
|
-
100: '#FFFFFF',
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
|
-
|
|
53
|
-
fluidity: {
|
|
54
|
-
min: sysFluidityMin,
|
|
55
|
-
max: sysFluidityMax,
|
|
56
|
-
interpolation: sysFluidityInterpolation,
|
|
57
|
-
},
|
|
58
|
-
|
|
59
|
-
typeface: {
|
|
60
|
-
brand: 'Serif',
|
|
61
|
-
plain: 'Sans Serif',
|
|
62
|
-
},
|
|
63
|
-
});
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
|
|
2
|
-
|
|
3
|
-
const space = {
|
|
4
|
-
none: '0',
|
|
5
|
-
small: '4px',
|
|
6
|
-
medium: '8px',
|
|
7
|
-
large: '16px',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export const sprinklesProps = {
|
|
11
|
-
padding: space,
|
|
12
|
-
backgroundColor: {
|
|
13
|
-
red: 'red',
|
|
14
|
-
blue: 'blue',
|
|
15
|
-
},
|
|
16
|
-
color: {
|
|
17
|
-
white: 'white',
|
|
18
|
-
black: 'black',
|
|
19
|
-
},
|
|
20
|
-
textAlign: {
|
|
21
|
-
center: 'center',
|
|
22
|
-
start: 'start',
|
|
23
|
-
end: 'end',
|
|
24
|
-
},
|
|
25
|
-
} as const;
|
|
26
|
-
|
|
27
|
-
export const responsiveProperties = defineProperties({
|
|
28
|
-
conditions: {
|
|
29
|
-
mobile: {},
|
|
30
|
-
tablet: { '@media': 'screen and (min-width: 768px)' },
|
|
31
|
-
desktop: { '@media': 'screen and (min-width: 1024px)' },
|
|
32
|
-
},
|
|
33
|
-
defaultCondition: 'mobile',
|
|
34
|
-
properties: sprinklesProps,
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
export const sprinkles = createSprinkles(responsiveProperties);
|
|
38
|
-
export type Sprinkles = Parameters<typeof sprinkles>[0];
|
|
39
|
-
|
|
40
|
-
export type SprinklesFnBase = ReturnType<typeof createSprinkles>;
|
|
@@ -1,293 +0,0 @@
|
|
|
1
|
-
import { createGlobalTheme } from '@vanilla-extract/css';
|
|
2
|
-
|
|
3
|
-
import { sys } from '../../src/styles/system-contract.css';
|
|
4
|
-
|
|
5
|
-
import { refs } from './ref.css';
|
|
6
|
-
|
|
7
|
-
createGlobalTheme(':root', sys, {
|
|
8
|
-
layout: {
|
|
9
|
-
measure: '75ch',
|
|
10
|
-
direction: '1',
|
|
11
|
-
},
|
|
12
|
-
|
|
13
|
-
color: {
|
|
14
|
-
background: refs.colors.neutral[90],
|
|
15
|
-
foreground: refs.colors.neutral[10],
|
|
16
|
-
|
|
17
|
-
outline: refs.colors.neutral[40],
|
|
18
|
-
muted: refs.colors.neutral[20],
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
state: {
|
|
22
|
-
hovered: {
|
|
23
|
-
opacity: '0.08',
|
|
24
|
-
},
|
|
25
|
-
focused: {
|
|
26
|
-
opacity: '0.12',
|
|
27
|
-
},
|
|
28
|
-
pressed: {
|
|
29
|
-
opacity: '0.2',
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
shape: {
|
|
34
|
-
corner: {
|
|
35
|
-
none: '0',
|
|
36
|
-
sharp: '0.125rem', // 2px
|
|
37
|
-
small: '0.25rem', // 4px
|
|
38
|
-
medium: '0.5rem', // 8px
|
|
39
|
-
rounded: '0.75rem', // 12px
|
|
40
|
-
circle: '50%',
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
|
|
44
|
-
elevation: {
|
|
45
|
-
none: 'none',
|
|
46
|
-
minimal:
|
|
47
|
-
'0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)',
|
|
48
|
-
low: '0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)',
|
|
49
|
-
moderate:
|
|
50
|
-
'0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
|
|
51
|
-
high: '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
|
|
52
|
-
peak: '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',
|
|
53
|
-
},
|
|
54
|
-
|
|
55
|
-
motion: {
|
|
56
|
-
duration: {
|
|
57
|
-
short: {
|
|
58
|
-
1: '50ms',
|
|
59
|
-
2: '100ms',
|
|
60
|
-
3: '150ms',
|
|
61
|
-
4: '200ms',
|
|
62
|
-
},
|
|
63
|
-
medium: {
|
|
64
|
-
1: '250ms',
|
|
65
|
-
2: '300ms',
|
|
66
|
-
3: '350ms',
|
|
67
|
-
4: '400ms',
|
|
68
|
-
},
|
|
69
|
-
long: {
|
|
70
|
-
1: '450ms',
|
|
71
|
-
2: '500ms',
|
|
72
|
-
3: '550ms',
|
|
73
|
-
4: '600ms',
|
|
74
|
-
},
|
|
75
|
-
},
|
|
76
|
-
easing: {
|
|
77
|
-
standard: 'cubic-bezier(0.2, 0, 0, 1)',
|
|
78
|
-
decelerate: {
|
|
79
|
-
standard: 'cubic-bezier(0.4, 0, 1, 1)',
|
|
80
|
-
emphasized: 'cubic-bezier(0.05, 0.7, 0.1, 1)',
|
|
81
|
-
},
|
|
82
|
-
accelerate: {
|
|
83
|
-
standard: 'cubic-bezier(0.4, 0, 1, 1)',
|
|
84
|
-
emphasized: 'cubic-bezier(0.3, 0, 0.8, 0.15)',
|
|
85
|
-
},
|
|
86
|
-
},
|
|
87
|
-
},
|
|
88
|
-
|
|
89
|
-
typography: {
|
|
90
|
-
display: {
|
|
91
|
-
/* Display Large from 40px to 85px */
|
|
92
|
-
large: {
|
|
93
|
-
font: 'var(--ref-typeface-brand)',
|
|
94
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
95
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
96
|
-
tracking: `calc(var(--sys-typography-display-large-size) * 0.1)`,
|
|
97
|
-
size: `clamp(2.5rem, calc(2.5rem + (5.3125 - 2.5) * ${refs.fluidity.interpolation}), 5.3125rem)`,
|
|
98
|
-
},
|
|
99
|
-
|
|
100
|
-
/* Display Medium from 34px to 65px */
|
|
101
|
-
medium: {
|
|
102
|
-
font: 'var(--ref-typeface-brand)',
|
|
103
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
104
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
105
|
-
tracking: `calc(var(--sys-typography-display-medium-size) * 0.1)`,
|
|
106
|
-
size: `clamp(2.125rem, calc(2.125rem + (4.0625 - 2.125) * ${refs.fluidity.interpolation}), 4.0625rem)`,
|
|
107
|
-
},
|
|
108
|
-
|
|
109
|
-
/* Display Small from 28px to 50px */
|
|
110
|
-
small: {
|
|
111
|
-
font: 'var(--ref-typeface-brand)',
|
|
112
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
113
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
114
|
-
tracking: `calc(var(--sys-typography-display-small-size) * 0.1)`,
|
|
115
|
-
size: `clamp(1.75rem, calc(1.75rem + (3.125 - 1.75) * ${refs.fluidity.interpolation}), 3.125rem)`,
|
|
116
|
-
},
|
|
117
|
-
},
|
|
118
|
-
|
|
119
|
-
headline: {
|
|
120
|
-
/* Heading Large from 32px to 68px */
|
|
121
|
-
large: {
|
|
122
|
-
font: 'var(--ref-typeface-brand)',
|
|
123
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
124
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
125
|
-
tracking: `calc(var(--sys-typography-heading-large-size) * 0.1)`,
|
|
126
|
-
size: `clamp(2rem, calc(2rem + (4.25 - 2) * ${refs.fluidity.interpolation}), 4.25rem)`,
|
|
127
|
-
},
|
|
128
|
-
|
|
129
|
-
/* Heading Medium from 28px to 54px */
|
|
130
|
-
medium: {
|
|
131
|
-
font: 'var(--ref-typeface-brand)',
|
|
132
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
133
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
134
|
-
tracking: `calc(var(--sys-typography-heading-medium-size) * 0.1)`,
|
|
135
|
-
size: `clamp(1.75rem, calc(1.75rem + (3.375 - 1.75) * ${refs.fluidity.interpolation}), 3.375rem)`,
|
|
136
|
-
},
|
|
137
|
-
|
|
138
|
-
/* Heading Small from 24px to 44px */
|
|
139
|
-
small: {
|
|
140
|
-
font: 'var(--ref-typeface-brand)',
|
|
141
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
142
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
143
|
-
tracking: `calc(var(--sys-typography-heading-small-size) * 0.1)`,
|
|
144
|
-
size: `clamp(1.5rem, calc(1.5rem + (2.75 - 1.5) * ${refs.fluidity.interpolation}), 2.75rem)`,
|
|
145
|
-
},
|
|
146
|
-
},
|
|
147
|
-
|
|
148
|
-
/* Title Large from 24px to 36px */
|
|
149
|
-
title: {
|
|
150
|
-
large: {
|
|
151
|
-
font: 'var(--ref-typeface-brand)',
|
|
152
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
153
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
154
|
-
tracking: `calc(var(--sys-typography-title-large-size) * 0.1)`,
|
|
155
|
-
size: `clamp(1.5rem, calc(1.5rem + (2.25 - 1.5) * ${refs.fluidity.interpolation}), 2.25rem)`,
|
|
156
|
-
},
|
|
157
|
-
|
|
158
|
-
/* Title Medium from 18px to 24px */
|
|
159
|
-
medium: {
|
|
160
|
-
font: 'var(--ref-typeface-brand)',
|
|
161
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
162
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
163
|
-
tracking: `calc(var(--sys-typography-title-medium-size) * 0.1)`,
|
|
164
|
-
size: `clamp(1.125rem, calc(1.125rem + (1.5 - 1.125) * ${refs.fluidity.interpolation}), 1.5rem)`,
|
|
165
|
-
},
|
|
166
|
-
|
|
167
|
-
/* Title Small from 17px to 21px */
|
|
168
|
-
small: {
|
|
169
|
-
font: 'var(--ref-typeface-brand)',
|
|
170
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
171
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
172
|
-
tracking: `calc(var(--sys-typography-title-small-size) * 0.1)`,
|
|
173
|
-
size: `clamp(1.0625rem, calc(1.0625rem + (1.3125 - 1.0625) * ${refs.fluidity.interpolation}), 1.3125rem)`,
|
|
174
|
-
},
|
|
175
|
-
},
|
|
176
|
-
|
|
177
|
-
body: {
|
|
178
|
-
/* Body Large from 19px to 25px */
|
|
179
|
-
large: {
|
|
180
|
-
font: 'var(--ref-typeface-plain)',
|
|
181
|
-
weight: 'var(--ref-typeface-weight-regular)',
|
|
182
|
-
lineHeight: 'var(--ref-line-height-lg)',
|
|
183
|
-
tracking: 'normal',
|
|
184
|
-
size: `clamp(1.1875rem, calc(1.1875rem + (1.5625 - 1.1875) * ${refs.fluidity.interpolation}), 1.5625rem)`,
|
|
185
|
-
},
|
|
186
|
-
|
|
187
|
-
/* Body Medium from 14px to 17px */
|
|
188
|
-
medium: {
|
|
189
|
-
font: 'var(--ref-typeface-plain)',
|
|
190
|
-
weight: 'var(--ref-typeface-weight-regular)',
|
|
191
|
-
lineHeight: 'var(--ref-line-height-xl)',
|
|
192
|
-
tracking: 'normal',
|
|
193
|
-
size: `clamp(0.875rem, calc(0.875rem + (1.0625 - 0.875) * ${refs.fluidity.interpolation}), 1.0625rem)`,
|
|
194
|
-
},
|
|
195
|
-
|
|
196
|
-
/* Body Small from 12px to 14px */
|
|
197
|
-
small: {
|
|
198
|
-
font: 'var(--ref-typeface-plain)',
|
|
199
|
-
weight: 'var(--ref-typeface-weight-regular)',
|
|
200
|
-
lineHeight: 'var(--ref-line-height-md)',
|
|
201
|
-
tracking: 'normal',
|
|
202
|
-
size: `clamp(0.75rem, calc(0.75rem + (0.875 - 0.75) * ${refs.fluidity.interpolation}), 0.875rem)`,
|
|
203
|
-
},
|
|
204
|
-
},
|
|
205
|
-
|
|
206
|
-
label: {
|
|
207
|
-
/* Label Large from 16px to 20px */
|
|
208
|
-
large: {
|
|
209
|
-
font: 'var(--ref-typeface-brand)',
|
|
210
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
211
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
212
|
-
tracking: `calc(var(--ref-font-size-sm) * 0.1)`,
|
|
213
|
-
size: `clamp(1rem, calc(1rem + (1.25 - 1) * ${refs.fluidity.interpolation}), 1.25rem)`,
|
|
214
|
-
},
|
|
215
|
-
|
|
216
|
-
/* Label Medium from 14px to 17px */
|
|
217
|
-
medium: {
|
|
218
|
-
font: 'var(--ref-typeface-plain)',
|
|
219
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
220
|
-
lineHeight: 'var(--ref-line-height-xl)',
|
|
221
|
-
tracking: 'normal',
|
|
222
|
-
size: `clamp(0.875rem, calc(0.875rem + (1.0625 - 0.875) * ${refs.fluidity.interpolation}), 1.0625rem)`,
|
|
223
|
-
},
|
|
224
|
-
|
|
225
|
-
/* Label Small from 12px to 14px */
|
|
226
|
-
small: {
|
|
227
|
-
font: 'var(--ref-typeface-brand)',
|
|
228
|
-
weight: 'var(--ref-typeface-weight-bold)',
|
|
229
|
-
lineHeight: 'var(--ref-line-height-sm)',
|
|
230
|
-
tracking: `calc(var(--ref-font-size-sm) * 0.1)`,
|
|
231
|
-
size: `clamp(0.75rem, calc(0.75rem + (0.875 - 0.75) * ${refs.fluidity.interpolation}), 0.875rem)`,
|
|
232
|
-
},
|
|
233
|
-
},
|
|
234
|
-
},
|
|
235
|
-
|
|
236
|
-
spacing: {
|
|
237
|
-
0: '0px',
|
|
238
|
-
|
|
239
|
-
/* from 4px to 6px */
|
|
240
|
-
1: `clamp(0.25rem, calc(0.25rem + (0.375 - 0.25) * ${refs.fluidity.interpolation}), 0.375rem)`,
|
|
241
|
-
|
|
242
|
-
/* from 8px to 13px */
|
|
243
|
-
2: `clamp(0.5rem, calc(0.5rem + (0.8125 - 0.5) * ${refs.fluidity.interpolation}), 0.8125rem)`,
|
|
244
|
-
|
|
245
|
-
/* from 12px to 21px */
|
|
246
|
-
3: `clamp(0.75rem, calc(0.75rem + (1.3125 - 0.75) * ${refs.fluidity.interpolation}), 1.3125rem)`,
|
|
247
|
-
|
|
248
|
-
/* from 16px to 29px */
|
|
249
|
-
4: `clamp(1rem, calc(1rem + (1.8125 - 1) * ${refs.fluidity.interpolation}), 1.8125rem)`,
|
|
250
|
-
|
|
251
|
-
/* from 20px to 38px */
|
|
252
|
-
5: `clamp(1.25rem, calc(1.25rem + (2.375 - 1.25) * ${refs.fluidity.interpolation}), 2.375rem)`,
|
|
253
|
-
|
|
254
|
-
/* from 24px to 47px */
|
|
255
|
-
6: `clamp(1.5rem, calc(1.5rem + (2.9375 - 1.5) * ${refs.fluidity.interpolation}), 2.9375rem)`,
|
|
256
|
-
|
|
257
|
-
/* from 28px to 57px */
|
|
258
|
-
7: `clamp(1.75rem, calc(1.75rem + (3.5625 - 1.75) * ${refs.fluidity.interpolation}), 3.5625rem)`,
|
|
259
|
-
|
|
260
|
-
/* from 32px to 66px */
|
|
261
|
-
8: `clamp(2rem, calc(2rem + (4.125 - 2) * ${refs.fluidity.interpolation}), 4.125rem)`,
|
|
262
|
-
|
|
263
|
-
/* from 36px to 76px */
|
|
264
|
-
9: `clamp(2.25rem, calc(2.25rem + (4.75 - 2.25) * ${refs.fluidity.interpolation}), 4.75rem)`,
|
|
265
|
-
|
|
266
|
-
/* from 40px to 87px */
|
|
267
|
-
10: `clamp(2.5rem, calc(2.5rem + (5.4375 - 2.5) * ${refs.fluidity.interpolation}), 5.4375rem)`,
|
|
268
|
-
|
|
269
|
-
/* from 44px to 97px */
|
|
270
|
-
11: `clamp(2.75rem, calc(2.75rem + (6.0625 - 2.75) * ${refs.fluidity.interpolation}), 6.0625rem)`,
|
|
271
|
-
|
|
272
|
-
/* from 48px to 108px */
|
|
273
|
-
12: `clamp(3rem, calc(3rem + (6.75 - 3) * ${refs.fluidity.interpolation}), 6.75rem)`,
|
|
274
|
-
|
|
275
|
-
/* from 52px to 119px */
|
|
276
|
-
13: `clamp(3.25rem, calc(3.25rem + (7.4375 - 3.25) * ${refs.fluidity.interpolation}), 7.4375rem)`,
|
|
277
|
-
|
|
278
|
-
/* from 56px to 130px */
|
|
279
|
-
14: `clamp(3.5rem, calc(3.5rem + (8.125 - 3.5) * ${refs.fluidity.interpolation}), 8.125rem)`,
|
|
280
|
-
|
|
281
|
-
/* from 60px to 141px */
|
|
282
|
-
15: `clamp(3.75rem, calc(3.75rem + (8.8125 - 3.75) * ${refs.fluidity.interpolation}), 8.8125rem)`,
|
|
283
|
-
|
|
284
|
-
/* from 64px to 153px */
|
|
285
|
-
16: `clamp(4rem, calc(4rem + (9.5625 - 4) * ${refs.fluidity.interpolation}), 9.5625rem)`,
|
|
286
|
-
|
|
287
|
-
/* from 68px to 164px */
|
|
288
|
-
17: `clamp(4.25rem, calc(4.25rem + (10.25 - 4.25) * ${refs.fluidity.interpolation}), 10.25rem)`,
|
|
289
|
-
|
|
290
|
-
/* from 72px to 176px */
|
|
291
|
-
18: `clamp(4.5rem, calc(4.5rem + (11 - 4.5) * ${refs.fluidity.interpolation}), 11rem)`,
|
|
292
|
-
},
|
|
293
|
-
});
|
package/.turbo/turbo-lint.log
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
> @kalink/ui@0.0.0 lint /Users/louis/dev/kalink-ui/packages/ui
|
|
4
|
-
> eslint . --max-warnings 0
|
|
5
|
-
|
|
6
|
-
[0m[0m
|
|
7
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/center/center.stories.tsx[24m[0m
|
|
8
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./center.css` [2mimport/order[22m[0m
|
|
9
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
10
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
11
|
-
[0m[0m
|
|
12
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/cluster/cluster.stories.tsx[24m[0m
|
|
13
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./cluster.css` [2mimport/order[22m[0m
|
|
14
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
15
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
16
|
-
[0m[0m
|
|
17
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/cover/cover.stories.tsx[24m[0m
|
|
18
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./cover.css` [2mimport/order[22m[0m
|
|
19
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
20
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
21
|
-
[0m[0m
|
|
22
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/frame/frame.stories.tsx[24m[0m
|
|
23
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./frame.css` [2mimport/order[22m[0m
|
|
24
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
25
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
26
|
-
[0m[0m
|
|
27
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/grid/grid.stories.tsx[24m[0m
|
|
28
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./grid.css` [2mimport/order[22m[0m
|
|
29
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
30
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
31
|
-
[0m[0m
|
|
32
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/sidebar/sidebar.stories.tsx[24m[0m
|
|
33
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./sidebar.css` [2mimport/order[22m[0m
|
|
34
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
35
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
36
|
-
[0m[0m
|
|
37
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/stack/stack.stories.tsx[24m[0m
|
|
38
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./stack.css` [2mimport/order[22m[0m
|
|
39
|
-
[0m [2m3:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
40
|
-
[0m [2m4:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
41
|
-
[0m[0m
|
|
42
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/components/switcher/switcher.stories.tsx[24m[0m
|
|
43
|
-
[0m [2m1:1[22m [31merror[39m There should be at least one empty line between import groups [2mimport/order[22m[0m
|
|
44
|
-
[0m [2m1:1[22m [31merror[39m `@storybook/react` type import should occur after import of `./switcher.css` [2mimport/order[22m[0m
|
|
45
|
-
[0m [2m4:36[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe' [2mimport/no-unresolved[22m[0m
|
|
46
|
-
[0m [2m5:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
47
|
-
[0m[0m
|
|
48
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/styles/seed/seed.stories.tsx[24m[0m
|
|
49
|
-
[0m [2m2:39[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/arg-types-from-sprinkles' [2mimport/no-unresolved[22m[0m
|
|
50
|
-
[0m [2m3:40[22m [31merror[39m Unable to resolve path to module '@/storybook/arg-types/common-args' [2mimport/no-unresolved[22m[0m
|
|
51
|
-
[0m [2m7:8[22m [31merror[39m Unable to resolve path to module '@/storybook/styles/sprinkles-mock.css' [2mimport/no-unresolved[22m[0m
|
|
52
|
-
[0m[0m
|
|
53
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/types/utils.types.ts[24m[0m
|
|
54
|
-
[0m [2m3:75[22m [31merror[39m Unexpected any. Specify a different type [2m@typescript-eslint/no-explicit-any[22m[0m
|
|
55
|
-
[0m[0m
|
|
56
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/utils/__tests__/extract-sprinkles-props.test.ts[24m[0m
|
|
57
|
-
[0m [2m1:32[22m [31merror[39m Unable to resolve path to module '@std/testing/bdd' [2mimport/no-unresolved[22m[0m
|
|
58
|
-
[0m [2m2:21[22m [31merror[39m Unable to resolve path to module '@std/testing/mock' [2mimport/no-unresolved[22m[0m
|
|
59
|
-
[0m [2m3:1[22m [31merror[39m `@std/expect` import should occur before import of `@std/testing/bdd` [2mimport/order[22m[0m
|
|
60
|
-
[0m [2m3:24[22m [31merror[39m Unable to resolve path to module '@std/expect' [2mimport/no-unresolved[22m[0m
|
|
61
|
-
[0m[0m
|
|
62
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/utils/__tests__/is-object.test.ts[24m[0m
|
|
63
|
-
[0m [2m1:1[22m [31merror[39m There should be at least one empty line between import groups [2mimport/order[22m[0m
|
|
64
|
-
[0m [2m2:1[22m [31merror[39m `@std/testing/bdd` import should occur before import of `@/utils/is-object.ts` [2mimport/order[22m[0m
|
|
65
|
-
[0m [2m2:30[22m [31merror[39m Unable to resolve path to module '@std/testing/bdd' [2mimport/no-unresolved[22m[0m
|
|
66
|
-
[0m [2m3:1[22m [31merror[39m `@std/expect` import should occur before import of `@/utils/is-object.ts` [2mimport/order[22m[0m
|
|
67
|
-
[0m [2m3:24[22m [31merror[39m Unable to resolve path to module '@std/expect' [2mimport/no-unresolved[22m[0m
|
|
68
|
-
[0m[0m
|
|
69
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/utils/__tests__/map-contract-vars.test.ts[24m[0m
|
|
70
|
-
[0m [2m1:1[22m [31merror[39m There should be at least one empty line between import groups [2mimport/order[22m[0m
|
|
71
|
-
[0m [2m2:1[22m [31merror[39m `@std/testing/bdd` import should occur before import of `@/utils/map-contract-vars.ts` [2mimport/order[22m[0m
|
|
72
|
-
[0m [2m2:32[22m [31merror[39m Unable to resolve path to module '@std/testing/bdd' [2mimport/no-unresolved[22m[0m
|
|
73
|
-
[0m [2m3:1[22m [31merror[39m `@std/expect` import should occur before import of `@/utils/map-contract-vars.ts` [2mimport/order[22m[0m
|
|
74
|
-
[0m [2m3:24[22m [31merror[39m Unable to resolve path to module '@std/expect' [2mimport/no-unresolved[22m[0m
|
|
75
|
-
[0m[0m
|
|
76
|
-
[0m[4m/Users/louis/dev/kalink-ui/packages/ui/src/utils/extract-sprinkles-props.ts[24m[0m
|
|
77
|
-
[0m [2m5:13[22m [31merror[39m Unexpected any. Specify a different type [2m@typescript-eslint/no-explicit-any[22m[0m
|
|
78
|
-
[0m[0m
|
|
79
|
-
[0m[31m[1m✖ 44 problems (44 errors, 0 warnings)[22m[39m[0m
|
|
80
|
-
[0m[31m[1m[22m[39m[31m[1m 16 errors and 0 warnings potentially fixable with the `--fix` option.[22m[39m[0m
|
|
81
|
-
[0m[31m[1m[22m[39m[0m
|
|
82
|
-
[41m[30m ELIFECYCLE [39m[49m [31mCommand failed with exit code 1.[39m
|
package/.turbo/turbo-tsc.log
DELETED
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
> @kalink/ui@0.0.0 tsc /Users/louis/dev/kalink-ui/packages/ui
|
|
4
|
-
> tsc --noEmit
|
|
5
|
-
|
|
6
|
-
[96msrc/components/center/center.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
7
|
-
|
|
8
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
9
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
10
|
-
|
|
11
|
-
[96msrc/components/center/center.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
12
|
-
|
|
13
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
14
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
15
|
-
|
|
16
|
-
[96msrc/components/center/center.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
17
|
-
|
|
18
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
19
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
20
|
-
|
|
21
|
-
[96msrc/components/cluster/cluster.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
22
|
-
|
|
23
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
24
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
25
|
-
|
|
26
|
-
[96msrc/components/cluster/cluster.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
27
|
-
|
|
28
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
29
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
30
|
-
|
|
31
|
-
[96msrc/components/cluster/cluster.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
32
|
-
|
|
33
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
34
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
35
|
-
|
|
36
|
-
[96msrc/components/cover/cover.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
37
|
-
|
|
38
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
39
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
40
|
-
|
|
41
|
-
[96msrc/components/cover/cover.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
42
|
-
|
|
43
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
44
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
45
|
-
|
|
46
|
-
[96msrc/components/cover/cover.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
47
|
-
|
|
48
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
49
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
50
|
-
|
|
51
|
-
[96msrc/components/frame/frame.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
52
|
-
|
|
53
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
54
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
55
|
-
|
|
56
|
-
[96msrc/components/frame/frame.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
57
|
-
|
|
58
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
59
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
60
|
-
|
|
61
|
-
[96msrc/components/frame/frame.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
62
|
-
|
|
63
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
64
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
65
|
-
|
|
66
|
-
[96msrc/components/grid/grid.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
67
|
-
|
|
68
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
69
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
70
|
-
|
|
71
|
-
[96msrc/components/grid/grid.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
72
|
-
|
|
73
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
74
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
75
|
-
|
|
76
|
-
[96msrc/components/grid/grid.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
77
|
-
|
|
78
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
79
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
80
|
-
|
|
81
|
-
[96msrc/components/sidebar/sidebar.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
82
|
-
|
|
83
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
84
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
85
|
-
|
|
86
|
-
[96msrc/components/sidebar/sidebar.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
87
|
-
|
|
88
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
89
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
90
|
-
|
|
91
|
-
[96msrc/components/sidebar/sidebar.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
92
|
-
|
|
93
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
94
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
95
|
-
|
|
96
|
-
[96msrc/components/sidebar/sidebar.stories.tsx[0m:[93m45[0m:[93m14[0m - [91merror[0m[90m TS7031: [0mBinding element 'sideWidth' implicitly has an 'any' type.
|
|
97
|
-
|
|
98
|
-
[7m45[0m render: ({ sideWidth, contentMinWidth, ...args }) => (
|
|
99
|
-
[7m [0m [91m ~~~~~~~~~[0m
|
|
100
|
-
|
|
101
|
-
[96msrc/components/sidebar/sidebar.stories.tsx[0m:[93m45[0m:[93m25[0m - [91merror[0m[90m TS7031: [0mBinding element 'contentMinWidth' implicitly has an 'any' type.
|
|
102
|
-
|
|
103
|
-
[7m45[0m render: ({ sideWidth, contentMinWidth, ...args }) => (
|
|
104
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~[0m
|
|
105
|
-
|
|
106
|
-
[96msrc/components/stack/stack.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
107
|
-
|
|
108
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
109
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
110
|
-
|
|
111
|
-
[96msrc/components/stack/stack.stories.tsx[0m:[93m3[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
112
|
-
|
|
113
|
-
[7m3[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
114
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
115
|
-
|
|
116
|
-
[96msrc/components/stack/stack.stories.tsx[0m:[93m4[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
117
|
-
|
|
118
|
-
[7m4[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
119
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
120
|
-
|
|
121
|
-
[96msrc/components/switcher/switcher.stories.tsx[0m:[93m1[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
122
|
-
|
|
123
|
-
[7m1[0m import type { Meta, StoryObj } from "@storybook/react";
|
|
124
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
125
|
-
|
|
126
|
-
[96msrc/components/switcher/switcher.stories.tsx[0m:[93m4[0m:[93m36[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
|
|
127
|
-
|
|
128
|
-
[7m4[0m import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
|
|
129
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
130
|
-
|
|
131
|
-
[96msrc/components/switcher/switcher.stories.tsx[0m:[93m5[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
132
|
-
|
|
133
|
-
[7m5[0m import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
|
|
134
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
135
|
-
|
|
136
|
-
[96msrc/components/switcher/switcher.stories.tsx[0m:[93m52[0m:[93m14[0m - [91merror[0m[90m TS7031: [0mBinding element 'childCount' implicitly has an 'any' type.
|
|
137
|
-
|
|
138
|
-
[7m52[0m render: ({ childCount, ...args }) => {
|
|
139
|
-
[7m [0m [91m ~~~~~~~~~~[0m
|
|
140
|
-
|
|
141
|
-
[96msrc/styles/seed/seed.stories.tsx[0m:[93m2[0m:[93m39[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/arg-types-from-sprinkles' or its corresponding type declarations.
|
|
142
|
-
|
|
143
|
-
[7m2[0m import { argTypesFromSprinkles } from '@/storybook/arg-types/arg-types-from-sprinkles';
|
|
144
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
145
|
-
|
|
146
|
-
[96msrc/styles/seed/seed.stories.tsx[0m:[93m3[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
|
|
147
|
-
|
|
148
|
-
[7m3[0m import { CommonArgs, commonArgs } from '@/storybook/arg-types/common-args';
|
|
149
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
150
|
-
|
|
151
|
-
[96msrc/styles/seed/seed.stories.tsx[0m:[93m7[0m:[93m8[0m - [91merror[0m[90m TS2307: [0mCannot find module '@/storybook/styles/sprinkles-mock.css' or its corresponding type declarations.
|
|
152
|
-
|
|
153
|
-
[7m7[0m } from '@/storybook/styles/sprinkles-mock.css';
|
|
154
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
155
|
-
|
|
156
|
-
[96msrc/styles/seed/seed.stories.tsx[0m:[93m11[0m:[93m37[0m - [91merror[0m[90m TS2307: [0mCannot find module '@storybook/react' or its corresponding type declarations.
|
|
157
|
-
|
|
158
|
-
[7m11[0m import type { Meta, StoryObj } from '@storybook/react';
|
|
159
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
160
|
-
|
|
161
|
-
[96msrc/utils/__tests__/extract-sprinkles-props.test.ts[0m:[93m1[0m:[93m32[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/testing/bdd' or its corresponding type declarations.
|
|
162
|
-
|
|
163
|
-
[7m1[0m import { describe, test } from "@std/testing/bdd";
|
|
164
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
165
|
-
|
|
166
|
-
[96msrc/utils/__tests__/extract-sprinkles-props.test.ts[0m:[93m2[0m:[93m21[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/testing/mock' or its corresponding type declarations.
|
|
167
|
-
|
|
168
|
-
[7m2[0m import { spy } from "@std/testing/mock";
|
|
169
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~[0m
|
|
170
|
-
|
|
171
|
-
[96msrc/utils/__tests__/extract-sprinkles-props.test.ts[0m:[93m3[0m:[93m24[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/expect' or its corresponding type declarations.
|
|
172
|
-
|
|
173
|
-
[7m3[0m import { expect } from "@std/expect";
|
|
174
|
-
[7m [0m [91m ~~~~~~~~~~~~~[0m
|
|
175
|
-
|
|
176
|
-
[96msrc/utils/__tests__/extract-sprinkles-props.test.ts[0m:[93m8[0m:[93m8[0m - [91merror[0m[90m TS5097: [0mAn import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
|
|
177
|
-
|
|
178
|
-
[7m8[0m } from "@/utils/extract-sprinkles-props.ts";
|
|
179
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
180
|
-
|
|
181
|
-
[96msrc/utils/__tests__/is-object.test.ts[0m:[93m1[0m:[93m26[0m - [91merror[0m[90m TS5097: [0mAn import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
|
|
182
|
-
|
|
183
|
-
[7m1[0m import { isObject } from "@/utils/is-object.ts";
|
|
184
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
185
|
-
|
|
186
|
-
[96msrc/utils/__tests__/is-object.test.ts[0m:[93m2[0m:[93m30[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/testing/bdd' or its corresponding type declarations.
|
|
187
|
-
|
|
188
|
-
[7m2[0m import { describe, it } from "@std/testing/bdd";
|
|
189
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
190
|
-
|
|
191
|
-
[96msrc/utils/__tests__/is-object.test.ts[0m:[93m3[0m:[93m24[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/expect' or its corresponding type declarations.
|
|
192
|
-
|
|
193
|
-
[7m3[0m import { expect } from "@std/expect";
|
|
194
|
-
[7m [0m [91m ~~~~~~~~~~~~~[0m
|
|
195
|
-
|
|
196
|
-
[96msrc/utils/__tests__/map-contract-vars.test.ts[0m:[93m1[0m:[93m33[0m - [91merror[0m[90m TS5097: [0mAn import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
|
|
197
|
-
|
|
198
|
-
[7m1[0m import { mapContractVars } from "@/utils/map-contract-vars.ts";
|
|
199
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
|
|
200
|
-
|
|
201
|
-
[96msrc/utils/__tests__/map-contract-vars.test.ts[0m:[93m2[0m:[93m32[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/testing/bdd' or its corresponding type declarations.
|
|
202
|
-
|
|
203
|
-
[7m2[0m import { describe, test } from "@std/testing/bdd";
|
|
204
|
-
[7m [0m [91m ~~~~~~~~~~~~~~~~~~[0m
|
|
205
|
-
|
|
206
|
-
[96msrc/utils/__tests__/map-contract-vars.test.ts[0m:[93m3[0m:[93m24[0m - [91merror[0m[90m TS2307: [0mCannot find module '@std/expect' or its corresponding type declarations.
|
|
207
|
-
|
|
208
|
-
[7m3[0m import { expect } from "@std/expect";
|
|
209
|
-
[7m [0m [91m ~~~~~~~~~~~~~[0m
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
Found 41 errors in 12 files.
|
|
213
|
-
|
|
214
|
-
Errors Files
|
|
215
|
-
3 src/components/center/center.stories.tsx[90m:1[0m
|
|
216
|
-
3 src/components/cluster/cluster.stories.tsx[90m:1[0m
|
|
217
|
-
3 src/components/cover/cover.stories.tsx[90m:1[0m
|
|
218
|
-
3 src/components/frame/frame.stories.tsx[90m:1[0m
|
|
219
|
-
3 src/components/grid/grid.stories.tsx[90m:1[0m
|
|
220
|
-
5 src/components/sidebar/sidebar.stories.tsx[90m:1[0m
|
|
221
|
-
3 src/components/stack/stack.stories.tsx[90m:1[0m
|
|
222
|
-
4 src/components/switcher/switcher.stories.tsx[90m:1[0m
|
|
223
|
-
4 src/styles/seed/seed.stories.tsx[90m:2[0m
|
|
224
|
-
4 src/utils/__tests__/extract-sprinkles-props.test.ts[90m:1[0m
|
|
225
|
-
3 src/utils/__tests__/is-object.test.ts[90m:1[0m
|
|
226
|
-
3 src/utils/__tests__/map-contract-vars.test.ts[90m:1[0m
|
|
227
|
-
[41m[30m ELIFECYCLE [39m[49m [31mCommand failed with exit code 1.[39m
|
package/dist/utils.types.d.mts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ElementType, ComponentPropsWithRef } from 'react';
|
|
2
|
-
|
|
3
|
-
type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
|
|
4
|
-
type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
|
|
5
|
-
type PolymorphicComponentProps<TUse extends ElementType> = {
|
|
6
|
-
use?: TUse;
|
|
7
|
-
} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>, 'use'>;
|
|
8
|
-
|
|
9
|
-
export type { DistributiveOmit, PolymorphicComponentProps, UnwrapArray };
|
package/dist/utils.types.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ElementType, ComponentPropsWithRef } from 'react';
|
|
2
|
-
|
|
3
|
-
type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
|
|
4
|
-
type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
|
|
5
|
-
type PolymorphicComponentProps<TUse extends ElementType> = {
|
|
6
|
-
use?: TUse;
|
|
7
|
-
} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>, 'use'>;
|
|
8
|
-
|
|
9
|
-
export type { DistributiveOmit, PolymorphicComponentProps, UnwrapArray };
|
package/dist/utils.types.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
|
|
16
|
-
// src/types/utils.types.ts
|
|
17
|
-
var utils_types_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(utils_types_exports);
|
|
19
|
-
//# sourceMappingURL=utils.types.js.map
|
package/dist/utils.types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/types/utils.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react';\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any\n ? Omit<T, TOmitted>\n : never;\n\nexport type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;\n\nexport type PolymorphicComponentProps<TUse extends ElementType> = {\n use?: TUse;\n} & DistributiveOmit<\n ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>,\n 'use'\n>;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
package/dist/utils.types.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=utils.types.mjs.map
|
package/dist/utils.types.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/eslint.config.mts
DELETED
package/tsconfig.json
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "@kalink-ui/typescript-config/react-library.json",
|
|
3
|
-
"include": ["**/*.ts", "**/*.tsx", "eslint.config.mts", "tsup.config.ts"],
|
|
4
|
-
"exclude": ["node_modules"],
|
|
5
|
-
"compilerOptions": {
|
|
6
|
-
"paths": {
|
|
7
|
-
"@/storybook/*": ["./.storybook/*"],
|
|
8
|
-
"@/utils/*": ["./src/utils/*"],
|
|
9
|
-
"@/types/*": ["./src/types/*"],
|
|
10
|
-
"@/components/*": ["./src/components/*"],
|
|
11
|
-
"@/styles/*": ["./src/styles/*"],
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
package/tsup.config.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { defineConfig } from 'tsup';
|
|
2
|
-
|
|
3
|
-
export default defineConfig((options) => ({
|
|
4
|
-
// entry: ['src/**/!(*.(style|css|test|spec|stories)).(ts|tsx)'],
|
|
5
|
-
entry: ['src/types/utils.types.ts'],
|
|
6
|
-
format: ['esm', 'cjs'],
|
|
7
|
-
dts: true,
|
|
8
|
-
sourcemap: true,
|
|
9
|
-
external: [
|
|
10
|
-
'react',
|
|
11
|
-
'@vanilla-extract/css',
|
|
12
|
-
'@vanilla-extract/recipes',
|
|
13
|
-
'@vanilla-extract/sprinkles',
|
|
14
|
-
'@vanilla-extract/css-utils',
|
|
15
|
-
],
|
|
16
|
-
clean: true,
|
|
17
|
-
...options,
|
|
18
|
-
}));
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { PlopTypes } from '@turbo/gen';
|
|
2
|
-
|
|
3
|
-
// Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
|
|
4
|
-
|
|
5
|
-
export default function generator(plop: PlopTypes.NodePlopAPI): void {
|
|
6
|
-
// A simple generator to add a new React component to the internal UI library
|
|
7
|
-
plop.setGenerator('ui-component', {
|
|
8
|
-
description: 'Adds a new react component',
|
|
9
|
-
prompts: [
|
|
10
|
-
{
|
|
11
|
-
type: 'input',
|
|
12
|
-
name: 'name',
|
|
13
|
-
message: 'What is the name of the component?',
|
|
14
|
-
},
|
|
15
|
-
],
|
|
16
|
-
actions: [
|
|
17
|
-
{
|
|
18
|
-
type: 'add',
|
|
19
|
-
path: 'src/components/{{kebabCase name}}/{{kebabCase name}}.tsx',
|
|
20
|
-
templateFile: 'templates/component.hbs',
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
type: 'add',
|
|
24
|
-
path: 'src/components/{{kebabCase name}}/{{kebabCase name}}.css.ts',
|
|
25
|
-
templateFile: 'templates/style.hbs',
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
type: 'append',
|
|
29
|
-
path: 'package.json',
|
|
30
|
-
pattern: /"exports": {(?<insertion>)/g,
|
|
31
|
-
templateFile: 'templates/export.hbs',
|
|
32
|
-
},
|
|
33
|
-
],
|
|
34
|
-
});
|
|
35
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { clsx } from 'clsx';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
import { {{ camelCase name }} } from './{{ kebabCase name }}.css';
|
|
5
|
-
|
|
6
|
-
type {{ pascalCase name }}Props = {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export function {{ pascalCase name }}({
|
|
12
|
-
children,
|
|
13
|
-
className,
|
|
14
|
-
}: {{ pascalCase name }}Props) {
|
|
15
|
-
return (
|
|
16
|
-
<div className={clsx({{ camelCase name }}, className)}>
|
|
17
|
-
<h1>{{ pascalCase name }} Component</h1>
|
|
18
|
-
{children}
|
|
19
|
-
</div>
|
|
20
|
-
);
|
|
21
|
-
};
|
package/vite.config.mts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
|
|
2
|
-
import react from '@vitejs/plugin-react';
|
|
3
|
-
import tsconfigPaths from 'vite-tsconfig-paths';
|
|
4
|
-
|
|
5
|
-
import type { UserConfig } from 'vite';
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
plugins: [tsconfigPaths(), react(), vanillaExtractPlugin()],
|
|
9
|
-
} satisfies UserConfig;
|