@tac-ui/tokens 1.0.1 → 1.0.3

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 (14) hide show
  1. package/dist/{chunk-7I7QJ2NP.mjs → chunk-5ATTRKGS.mjs} +3 -7
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +3 -7
  5. package/dist/index.mjs +1 -1
  6. package/dist/{motion-DrXQxG6N.d.mts → motion-CkV7gMnS.d.mts} +24 -7
  7. package/dist/{motion-DrXQxG6N.d.ts → motion-CkV7gMnS.d.ts} +24 -7
  8. package/dist/native/index.d.mts +1 -1
  9. package/dist/native/index.d.ts +1 -1
  10. package/dist/native/index.js +3 -7
  11. package/dist/native/index.mjs +2 -2
  12. package/dist/web/css-variables.js +25 -14
  13. package/dist/web/css-variables.mjs +23 -8
  14. package/package.json +2 -2
package/dist/{chunk-7I7QJ2NP.mjs → chunk-5ATTRKGS.mjs} RENAMED
@@ -236,13 +236,9 @@ var component = {
236
236
  lg: { height: 50, paddingX: 28, paddingY: 14, fontSize: 17, borderRadius: 14, iconSize: 20 }
237
237
  },
238
238
  input: {
239
- height: 44,
240
- paddingX: 16,
241
- paddingY: 12,
242
- fontSize: 15,
243
- borderRadius: 12,
244
- iconSize: 18,
245
- iconPadding: 42
239
+ sm: { height: 32, paddingX: 12, fontSize: 13, borderRadius: 8, iconSize: 16, iconPadding: 34 },
240
+ md: { height: 44, paddingX: 16, fontSize: 15, borderRadius: 12, iconSize: 18, iconPadding: 42 },
241
+ lg: { height: 50, paddingX: 20, fontSize: 17, borderRadius: 14, iconSize: 20, iconPadding: 46 }
246
242
  },
247
243
  card: {
248
244
  padding: 24,
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- export { c as component, m as motion, s as springConfigs, t as tacSpring } from './motion-DrXQxG6N.mjs';
1
+ export { c as component, m as motion, s as springConfigs, t as tacSpring } from './motion-CkV7gMnS.mjs';
2
2
 
3
3
  /**
4
4
  * Primitive color tokens — Tac UI raw palette.
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { c as component, m as motion, s as springConfigs, t as tacSpring } from './motion-DrXQxG6N.js';
1
+ export { c as component, m as motion, s as springConfigs, t as tacSpring } from './motion-CkV7gMnS.js';
2
2
 
3
3
  /**
4
4
  * Primitive color tokens — Tac UI raw palette.
package/dist/index.js CHANGED
@@ -296,13 +296,9 @@ var component = {
296
296
  lg: { height: 50, paddingX: 28, paddingY: 14, fontSize: 17, borderRadius: 14, iconSize: 20 }
297
297
  },
298
298
  input: {
299
- height: 44,
300
- paddingX: 16,
301
- paddingY: 12,
302
- fontSize: 15,
303
- borderRadius: 12,
304
- iconSize: 18,
305
- iconPadding: 42
299
+ sm: { height: 32, paddingX: 12, fontSize: 13, borderRadius: 8, iconSize: 16, iconPadding: 34 },
300
+ md: { height: 44, paddingX: 16, fontSize: 15, borderRadius: 12, iconSize: 18, iconPadding: 42 },
301
+ lg: { height: 50, paddingX: 20, fontSize: 17, borderRadius: 14, iconSize: 20, iconPadding: 46 }
306
302
  },
307
303
  card: {
308
304
  padding: 24,
package/dist/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  export { ms, px, rem, unitless } from './chunk-GLCF64BD.mjs';
2
- export { breakpoints, chart, component, containers, elevation, elevationLight, grid, motion, radius, semanticTokens, spacing, springConfigs, tacSpring, typography, zIndex } from './chunk-7I7QJ2NP.mjs';
2
+ export { breakpoints, chart, component, containers, elevation, elevationLight, grid, motion, radius, semanticTokens, spacing, springConfigs, tacSpring, typography, zIndex } from './chunk-5ATTRKGS.mjs';
3
3
 
4
4
  // src/primitive.ts
5
5
  var primitiveColors = {
package/dist/{motion-DrXQxG6N.d.mts → motion-CkV7gMnS.d.mts} RENAMED
@@ -30,13 +30,30 @@ declare const component: {
30
30
  };
31
31
  };
32
32
  readonly input: {
33
- readonly height: 44;
34
- readonly paddingX: 16;
35
- readonly paddingY: 12;
36
- readonly fontSize: 15;
37
- readonly borderRadius: 12;
38
- readonly iconSize: 18;
39
- readonly iconPadding: 42;
33
+ readonly sm: {
34
+ readonly height: 32;
35
+ readonly paddingX: 12;
36
+ readonly fontSize: 13;
37
+ readonly borderRadius: 8;
38
+ readonly iconSize: 16;
39
+ readonly iconPadding: 34;
40
+ };
41
+ readonly md: {
42
+ readonly height: 44;
43
+ readonly paddingX: 16;
44
+ readonly fontSize: 15;
45
+ readonly borderRadius: 12;
46
+ readonly iconSize: 18;
47
+ readonly iconPadding: 42;
48
+ };
49
+ readonly lg: {
50
+ readonly height: 50;
51
+ readonly paddingX: 20;
52
+ readonly fontSize: 17;
53
+ readonly borderRadius: 14;
54
+ readonly iconSize: 20;
55
+ readonly iconPadding: 46;
56
+ };
40
57
  };
41
58
  readonly card: {
42
59
  readonly padding: 24;
package/dist/{motion-DrXQxG6N.d.ts → motion-CkV7gMnS.d.ts} RENAMED
@@ -30,13 +30,30 @@ declare const component: {
30
30
  };
31
31
  };
32
32
  readonly input: {
33
- readonly height: 44;
34
- readonly paddingX: 16;
35
- readonly paddingY: 12;
36
- readonly fontSize: 15;
37
- readonly borderRadius: 12;
38
- readonly iconSize: 18;
39
- readonly iconPadding: 42;
33
+ readonly sm: {
34
+ readonly height: 32;
35
+ readonly paddingX: 12;
36
+ readonly fontSize: 13;
37
+ readonly borderRadius: 8;
38
+ readonly iconSize: 16;
39
+ readonly iconPadding: 34;
40
+ };
41
+ readonly md: {
42
+ readonly height: 44;
43
+ readonly paddingX: 16;
44
+ readonly fontSize: 15;
45
+ readonly borderRadius: 12;
46
+ readonly iconSize: 18;
47
+ readonly iconPadding: 42;
48
+ };
49
+ readonly lg: {
50
+ readonly height: 50;
51
+ readonly paddingX: 20;
52
+ readonly fontSize: 17;
53
+ readonly borderRadius: 14;
54
+ readonly iconSize: 20;
55
+ readonly iconPadding: 46;
56
+ };
40
57
  };
41
58
  readonly card: {
42
59
  readonly padding: 24;
package/dist/native/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ThemeMode, TacTheme } from '@tac-ui/shared';
2
- export { c as componentTokens, m as motionTokens, s as springConfigs, t as tacSpring } from '../motion-DrXQxG6N.mjs';
2
+ export { c as componentTokens, m as motionTokens, s as springConfigs, t as tacSpring } from '../motion-CkV7gMnS.mjs';
3
3
 
4
4
  /**
5
5
  * Native shadow objects for React Native (shadow style + elevation).
package/dist/native/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ThemeMode, TacTheme } from '@tac-ui/shared';
2
- export { c as componentTokens, m as motionTokens, s as springConfigs, t as tacSpring } from '../motion-DrXQxG6N.js';
2
+ export { c as componentTokens, m as motionTokens, s as springConfigs, t as tacSpring } from '../motion-CkV7gMnS.js';
3
3
 
4
4
  /**
5
5
  * Native shadow objects for React Native (shadow style + elevation).
package/dist/native/index.js CHANGED
@@ -635,13 +635,9 @@ var component = {
635
635
  lg: { height: 50, paddingX: 28, paddingY: 14, fontSize: 17, borderRadius: 14, iconSize: 20 }
636
636
  },
637
637
  input: {
638
- height: 44,
639
- paddingX: 16,
640
- paddingY: 12,
641
- fontSize: 15,
642
- borderRadius: 12,
643
- iconSize: 18,
644
- iconPadding: 42
638
+ sm: { height: 32, paddingX: 12, fontSize: 13, borderRadius: 8, iconSize: 16, iconPadding: 34 },
639
+ md: { height: 44, paddingX: 16, fontSize: 15, borderRadius: 12, iconSize: 18, iconPadding: 42 },
640
+ lg: { height: 50, paddingX: 20, fontSize: 17, borderRadius: 14, iconSize: 20, iconPadding: 46 }
645
641
  },
646
642
  card: {
647
643
  padding: 24,
package/dist/native/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
- import { semanticTokens, chart, motion, elevation, radius, spacing, typography } from '../chunk-7I7QJ2NP.mjs';
2
- export { component as componentTokens, motion as motionTokens, springConfigs, tacSpring } from '../chunk-7I7QJ2NP.mjs';
1
+ import { semanticTokens, chart, motion, elevation, radius, spacing, typography } from '../chunk-5ATTRKGS.mjs';
2
+ export { component as componentTokens, motion as motionTokens, springConfigs, tacSpring } from '../chunk-5ATTRKGS.mjs';
3
3
 
4
4
  // src/native/shadows.ts
5
5
  var nativeShadows = {
package/dist/web/css-variables.js CHANGED
@@ -465,13 +465,9 @@ var component = {
465
465
  lg: { height: 50, paddingX: 28, fontSize: 17, borderRadius: 14}
466
466
  },
467
467
  input: {
468
- height: 44,
469
- paddingX: 16,
470
- paddingY: 12,
471
- fontSize: 15,
472
- borderRadius: 12,
473
- iconSize: 18,
474
- iconPadding: 42
468
+ sm: { height: 32, paddingX: 12, fontSize: 13, borderRadius: 8, iconSize: 16, iconPadding: 34 },
469
+ md: { height: 44, paddingX: 16, fontSize: 15, borderRadius: 12, iconSize: 18, iconPadding: 42 },
470
+ lg: { height: 50, paddingX: 20, fontSize: 17, borderRadius: 14, iconSize: 20, iconPadding: 46 }
475
471
  },
476
472
  card: {
477
473
  padding: 24,
@@ -802,13 +798,28 @@ function generateCSSVariables(mode) {
802
798
  "--btn-lg-radius": px(component.button.lg.borderRadius),
803
799
  "--btn-icon-size": px(component.button.md.iconSize),
804
800
  // Component: Input
805
- "--input-height": rem(component.input.height),
806
- "--input-px": rem(component.input.paddingX),
807
- "--input-py": rem(component.input.paddingY),
808
- "--input-font-size": rem(component.input.fontSize),
809
- "--input-radius": px(component.input.borderRadius),
810
- "--input-icon-size": px(component.input.iconSize),
811
- "--input-icon-padding": rem(component.input.iconPadding),
801
+ "--input-sm-height": rem(component.input.sm.height),
802
+ "--input-sm-px": rem(component.input.sm.paddingX),
803
+ "--input-sm-font-size": rem(component.input.sm.fontSize),
804
+ "--input-sm-radius": px(component.input.sm.borderRadius),
805
+ "--input-sm-icon-size": px(component.input.sm.iconSize),
806
+ "--input-sm-icon-padding": rem(component.input.sm.iconPadding),
807
+ "--input-md-height": rem(component.input.md.height),
808
+ "--input-md-px": rem(component.input.md.paddingX),
809
+ "--input-md-font-size": rem(component.input.md.fontSize),
810
+ "--input-md-radius": px(component.input.md.borderRadius),
811
+ "--input-md-icon-size": px(component.input.md.iconSize),
812
+ "--input-md-icon-padding": rem(component.input.md.iconPadding),
813
+ "--input-lg-height": rem(component.input.lg.height),
814
+ "--input-lg-px": rem(component.input.lg.paddingX),
815
+ "--input-lg-font-size": rem(component.input.lg.fontSize),
816
+ "--input-lg-radius": px(component.input.lg.borderRadius),
817
+ "--input-lg-icon-size": px(component.input.lg.iconSize),
818
+ "--input-lg-icon-padding": rem(component.input.lg.iconPadding),
819
+ // Component: Input (md aliases for backward compat)
820
+ "--input-height": rem(component.input.md.height),
821
+ "--input-radius": px(component.input.md.borderRadius),
822
+ "--input-font-size": rem(component.input.md.fontSize),
812
823
  // Component: Card
813
824
  "--card-padding": rem(component.card.padding),
814
825
  "--card-gap": rem(component.card.gap),
package/dist/web/css-variables.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { px, rem, unitless, ms } from '../chunk-GLCF64BD.mjs';
2
- import { semanticTokens, chart, elevation, motion, typography, component, zIndex, radius, spacing } from '../chunk-7I7QJ2NP.mjs';
2
+ import { semanticTokens, chart, elevation, motion, typography, component, zIndex, radius, spacing } from '../chunk-5ATTRKGS.mjs';
3
3
 
4
4
  // src/web/css-variables.ts
5
5
  function generateCSSVariables(mode) {
@@ -204,13 +204,28 @@ function generateCSSVariables(mode) {
204
204
  "--btn-lg-radius": px(component.button.lg.borderRadius),
205
205
  "--btn-icon-size": px(component.button.md.iconSize),
206
206
  // Component: Input
207
- "--input-height": rem(component.input.height),
208
- "--input-px": rem(component.input.paddingX),
209
- "--input-py": rem(component.input.paddingY),
210
- "--input-font-size": rem(component.input.fontSize),
211
- "--input-radius": px(component.input.borderRadius),
212
- "--input-icon-size": px(component.input.iconSize),
213
- "--input-icon-padding": rem(component.input.iconPadding),
207
+ "--input-sm-height": rem(component.input.sm.height),
208
+ "--input-sm-px": rem(component.input.sm.paddingX),
209
+ "--input-sm-font-size": rem(component.input.sm.fontSize),
210
+ "--input-sm-radius": px(component.input.sm.borderRadius),
211
+ "--input-sm-icon-size": px(component.input.sm.iconSize),
212
+ "--input-sm-icon-padding": rem(component.input.sm.iconPadding),
213
+ "--input-md-height": rem(component.input.md.height),
214
+ "--input-md-px": rem(component.input.md.paddingX),
215
+ "--input-md-font-size": rem(component.input.md.fontSize),
216
+ "--input-md-radius": px(component.input.md.borderRadius),
217
+ "--input-md-icon-size": px(component.input.md.iconSize),
218
+ "--input-md-icon-padding": rem(component.input.md.iconPadding),
219
+ "--input-lg-height": rem(component.input.lg.height),
220
+ "--input-lg-px": rem(component.input.lg.paddingX),
221
+ "--input-lg-font-size": rem(component.input.lg.fontSize),
222
+ "--input-lg-radius": px(component.input.lg.borderRadius),
223
+ "--input-lg-icon-size": px(component.input.lg.iconSize),
224
+ "--input-lg-icon-padding": rem(component.input.lg.iconPadding),
225
+ // Component: Input (md aliases for backward compat)
226
+ "--input-height": rem(component.input.md.height),
227
+ "--input-radius": px(component.input.md.borderRadius),
228
+ "--input-font-size": rem(component.input.md.fontSize),
214
229
  // Component: Card
215
230
  "--card-padding": rem(component.card.padding),
216
231
  "--card-gap": rem(component.card.gap),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tac-ui/tokens",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "Design tokens for Tac UI",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
@@ -32,7 +32,7 @@
32
32
  "access": "public"
33
33
  },
34
34
  "dependencies": {
35
- "@tac-ui/shared": "^1.0.1"
35
+ "@tac-ui/shared": "^1.0.3"
36
36
  },
37
37
  "devDependencies": {
38
38
  "tsup": "^8.3.0",