@orfium/ictinus 5.41.1 → 5.41.2

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 (33) hide show
  1. package/.turbo/turbo-build.log +54 -54
  2. package/CHANGELOG.md +7 -0
  3. package/dist/components/ThemeProvider/ThemeProvider.style.js +6 -4
  4. package/dist/src/components/ThemeProvider/ThemeProvider.style.d.ts +1 -3
  5. package/dist/src/sprinkles/properties.css.d.ts +36 -0
  6. package/dist/src/sprinkles/sprinkles.d.ts +53 -1
  7. package/dist/src/vanilla/Box/Box.d.ts +8 -0
  8. package/dist/src/vanilla/Box/extractBoxProps.d.ts +2 -2
  9. package/dist/src/vanilla/Table/Table.d.ts +8 -0
  10. package/dist/src/vanilla/Table/TableBody.d.ts +8 -0
  11. package/dist/src/vanilla/Table/TableCell.d.ts +8 -0
  12. package/dist/src/vanilla/Table/TableFooter.d.ts +8 -0
  13. package/dist/src/vanilla/Table/TableHeader.d.ts +8 -0
  14. package/dist/src/vanilla/Table/TableHeaderCell.d.ts +8 -0
  15. package/dist/src/vanilla/Table/TableRow.d.ts +8 -0
  16. package/dist/src/vanilla/Text/Text.d.ts +10 -2
  17. package/dist/vanilla/Table/Table-css.js +3 -3
  18. package/dist/vanilla/Table/TableCell-css.js +3 -3
  19. package/dist/vanilla/Table/TableHeader.js +10 -1
  20. package/dist/vanilla/Table/TableHeaderCell-css.js +6 -4
  21. package/dist/vanilla/Table/TableRow-css.js +1 -1
  22. package/dist/vanilla/Text/Text.js +1 -1
  23. package/dist/vanilla/assets/src/sprinkles/{properties.css.ts.vanilla-BQPG2W33.css → properties.css.ts.vanilla-Ckyezauv.css} +2440 -2410
  24. package/dist/vanilla/assets/src/vanilla/Table/{TableHeaderCell.css.ts.vanilla-DesAfHw6.css → TableHeaderCell.css.ts.vanilla-DHGpcMTl.css} +4 -1
  25. package/dist/vanilla/index.d.ts +85 -5
  26. package/dist/vanilla/package.json.js +1 -1
  27. package/dist/vanilla/src/sprinkles/properties-css.js +4 -4
  28. package/package.json +1 -1
  29. package/src/components/ThemeProvider/ThemeProvider.style.ts +2 -32
  30. package/src/sprinkles/properties.css.ts +3 -0
  31. package/src/vanilla/Table/TableHeader.tsx +6 -1
  32. package/src/vanilla/Table/TableHeaderCell.css.ts +12 -2
  33. package/src/vanilla/Text/Text.tsx +4 -4
@@ -25,12 +25,14 @@ export declare const TableHeader: import('react').ForwardRefExoticComponent<{
25
25
  fontSize?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
26
26
  typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
27
27
  fontWeight?: "regular" | "medium" | "bold";
28
+ fontStyle?: "italic";
28
29
  lineHeight?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11";
29
30
  letterSpacing?: "0" | "1" | "2" | "3";
30
31
  isolation?: "isolate";
31
32
  objectFit?: "contain" | "cover";
32
33
  pointerEvents?: "none" | "auto";
33
34
  textTransform?: "none" | "capitalize" | "uppercase";
35
+ textDecoration?: "underline";
34
36
  visibility?: "hidden" | "visible";
35
37
  wordBreak?: "break-word";
36
38
  wordWrap?: "normal" | "break-word";
@@ -132,6 +134,12 @@ export declare const TableHeader: import('react').ForwardRefExoticComponent<{
132
134
  lg?: "row" | "column" | "row-reverse" | "column-reverse";
133
135
  xl?: "row" | "column" | "row-reverse" | "column-reverse";
134
136
  };
137
+ flexShrink?: "0" | "1" | {
138
+ xs?: "0" | "1";
139
+ md?: "0" | "1";
140
+ lg?: "0" | "1";
141
+ xl?: "0" | "1";
142
+ };
135
143
  position?: "absolute" | "fixed" | "relative" | "sticky" | {
136
144
  xs?: "absolute" | "fixed" | "relative" | "sticky";
137
145
  md?: "absolute" | "fixed" | "relative" | "sticky";
@@ -28,12 +28,14 @@ export declare const TableHeaderCell: import('react').ForwardRefExoticComponent<
28
28
  fontSize?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
29
29
  typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
30
30
  fontWeight?: "regular" | "medium" | "bold";
31
+ fontStyle?: "italic";
31
32
  lineHeight?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11";
32
33
  letterSpacing?: "0" | "1" | "2" | "3";
33
34
  isolation?: "isolate";
34
35
  objectFit?: "contain" | "cover";
35
36
  pointerEvents?: "none" | "auto";
36
37
  textTransform?: "none" | "capitalize" | "uppercase";
38
+ textDecoration?: "underline";
37
39
  visibility?: "hidden" | "visible";
38
40
  wordBreak?: "break-word";
39
41
  wordWrap?: "normal" | "break-word";
@@ -135,6 +137,12 @@ export declare const TableHeaderCell: import('react').ForwardRefExoticComponent<
135
137
  lg?: "row" | "column" | "row-reverse" | "column-reverse";
136
138
  xl?: "row" | "column" | "row-reverse" | "column-reverse";
137
139
  };
140
+ flexShrink?: "0" | "1" | {
141
+ xs?: "0" | "1";
142
+ md?: "0" | "1";
143
+ lg?: "0" | "1";
144
+ xl?: "0" | "1";
145
+ };
138
146
  position?: "absolute" | "fixed" | "relative" | "sticky" | {
139
147
  xs?: "absolute" | "fixed" | "relative" | "sticky";
140
148
  md?: "absolute" | "fixed" | "relative" | "sticky";
@@ -22,12 +22,14 @@ export declare const TableRow: import('react').ForwardRefExoticComponent<Omit<No
22
22
  fontSize?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
23
23
  typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
24
24
  fontWeight?: "regular" | "medium" | "bold";
25
+ fontStyle?: "italic";
25
26
  lineHeight?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11";
26
27
  letterSpacing?: "0" | "1" | "2" | "3";
27
28
  isolation?: "isolate";
28
29
  objectFit?: "contain" | "cover";
29
30
  pointerEvents?: "none" | "auto";
30
31
  textTransform?: "none" | "capitalize" | "uppercase";
32
+ textDecoration?: "underline";
31
33
  visibility?: "hidden" | "visible";
32
34
  wordBreak?: "break-word";
33
35
  wordWrap?: "normal" | "break-word";
@@ -129,6 +131,12 @@ export declare const TableRow: import('react').ForwardRefExoticComponent<Omit<No
129
131
  lg?: "row" | "column" | "row-reverse" | "column-reverse";
130
132
  xl?: "row" | "column" | "row-reverse" | "column-reverse";
131
133
  };
134
+ flexShrink?: "0" | "1" | {
135
+ xs?: "0" | "1";
136
+ md?: "0" | "1";
137
+ lg?: "0" | "1";
138
+ xl?: "0" | "1";
139
+ };
132
140
  position?: "absolute" | "fixed" | "relative" | "sticky" | {
133
141
  xs?: "absolute" | "fixed" | "relative" | "sticky";
134
142
  md?: "absolute" | "fixed" | "relative" | "sticky";
@@ -2,7 +2,7 @@ import { ElementType } from 'react';
2
2
  import { ExtendProps } from '../../utils/ExtendProps';
3
3
  import { BoxProps } from '../Box';
4
4
  import * as styles from './Text.css';
5
- export type TextProps<T extends ElementType = 'p', P = unknown> = BoxProps<T, ExtendProps<styles.TextVariants, P>>;
5
+ export type TextProps<T extends ElementType = 'span', P = unknown> = BoxProps<T, ExtendProps<styles.TextVariants, P>>;
6
6
  export declare const Text: import('react').ForwardRefExoticComponent<Omit<{
7
7
  lineClamp?: "1" | "2" | "3" | "4";
8
8
  truncate?: boolean;
@@ -28,12 +28,14 @@ export declare const Text: import('react').ForwardRefExoticComponent<Omit<{
28
28
  fontSize?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
29
29
  typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
30
30
  fontWeight?: "regular" | "medium" | "bold";
31
+ fontStyle?: "italic";
31
32
  lineHeight?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11";
32
33
  letterSpacing?: "0" | "1" | "2" | "3";
33
34
  isolation?: "isolate";
34
35
  objectFit?: "contain" | "cover";
35
36
  pointerEvents?: "none" | "auto";
36
37
  textTransform?: "none" | "capitalize" | "uppercase";
38
+ textDecoration?: "underline";
37
39
  visibility?: "hidden" | "visible";
38
40
  wordBreak?: "break-word";
39
41
  wordWrap?: "normal" | "break-word";
@@ -135,6 +137,12 @@ export declare const Text: import('react').ForwardRefExoticComponent<Omit<{
135
137
  lg?: "row" | "column" | "row-reverse" | "column-reverse";
136
138
  xl?: "row" | "column" | "row-reverse" | "column-reverse";
137
139
  };
140
+ flexShrink?: "0" | "1" | {
141
+ xs?: "0" | "1";
142
+ md?: "0" | "1";
143
+ lg?: "0" | "1";
144
+ xl?: "0" | "1";
145
+ };
138
146
  position?: "absolute" | "fixed" | "relative" | "sticky" | {
139
147
  xs?: "absolute" | "fixed" | "relative" | "sticky";
140
148
  md?: "absolute" | "fixed" | "relative" | "sticky";
@@ -361,4 +369,4 @@ export declare const Text: import('react').ForwardRefExoticComponent<Omit<{
361
369
  } & {
362
370
  asChild?: boolean;
363
371
  className?: string;
364
- }>, never> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & import('react').RefAttributes<HTMLParagraphElement>>;
372
+ }>, never> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & import('react').RefAttributes<HTMLSpanElement>>;
@@ -1,10 +1,10 @@
1
1
  import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
2
2
  import './../assets/src/vanilla-extract/global.css.ts.vanilla-t__QdzLU.css';
3
- import './../assets/src/sprinkles/properties.css.ts.vanilla-BQPG2W33.css';
3
+ import './../assets/src/sprinkles/properties.css.ts.vanilla-Ckyezauv.css';
4
4
  import './../assets/src/vanilla/Table/Table.css.ts.vanilla-D8zK7RSt.css';
5
5
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
6
6
 
7
- var table = createRuntimeFn({defaultClassName:'_146hxcf64 _146hxcf212 _146hxcf1i7 ekwznl0',variantClassNames:{layout:{auto:'ekwznl1',fixed:'ekwznl5 ekwznl2'}},defaultVariants:{},compoundVariants:[]});
8
- var wrapper = createRuntimeFn({defaultClassName:'_146hxcf1ht _146hxcf1hw _146hxcf1hh _146hxcf1g4 _146hxcf1hb _146hxcf1he _146hxcf1g9 _146hxcfh8 _146hxcf1ki _146hxcf1g2 _146hxcf1u2 ekwznl6',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
7
+ var table = createRuntimeFn({defaultClassName:'_146hxcf64 _146hxcf21c _146hxcf1if ekwznl0',variantClassNames:{layout:{auto:'ekwznl1',fixed:'ekwznl5 ekwznl2'}},defaultVariants:{},compoundVariants:[]});
8
+ var wrapper = createRuntimeFn({defaultClassName:'_146hxcf1i1 _146hxcf1i4 _146hxcf1hp _146hxcf1gc _146hxcf1hj _146hxcf1hm _146hxcf1gh _146hxcfh8 _146hxcf1ks _146hxcf1ga _146hxcf1uc ekwznl6',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
9
9
 
10
10
  export { table, wrapper };
@@ -1,10 +1,10 @@
1
1
  import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
2
2
  import './../assets/src/vanilla-extract/global.css.ts.vanilla-t__QdzLU.css';
3
- import './../assets/src/sprinkles/properties.css.ts.vanilla-BQPG2W33.css';
3
+ import './../assets/src/sprinkles/properties.css.ts.vanilla-Ckyezauv.css';
4
4
  import './../assets/src/vanilla/Table/TableCell.css.ts.vanilla-BmF3z2D_.css';
5
5
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
6
6
 
7
- var cell = createRuntimeFn({defaultClassName:'_146hxcf1u2 _1p0g5yn0',variantClassNames:{pinned:{false:'_1p0g5yn1',true:'_1p0g5yn2'}},defaultVariants:{},compoundVariants:[]});
8
- var content = createRuntimeFn({defaultClassName:'_146hxcf64 _146hxcf8w _146hxcf4 _146hxcf212 _146hxcf2c _146hxcf1is _146hxcf1u2 _146hxcfd4 _1p0g5yn6',variantClassNames:{size:{sm:'_146hxcf7k',md:'_146hxcf7s',lg:'_146hxcf80'},bordered:{true:'_1p0g5yn7'}},defaultVariants:{},compoundVariants:[]});
7
+ var cell = createRuntimeFn({defaultClassName:'_146hxcf1uc _1p0g5yn0',variantClassNames:{pinned:{false:'_1p0g5yn1',true:'_1p0g5yn2'}},defaultVariants:{},compoundVariants:[]});
8
+ var content = createRuntimeFn({defaultClassName:'_146hxcf64 _146hxcf8w _146hxcf4 _146hxcf21c _146hxcf2c _146hxcf1j0 _146hxcf1uc _146hxcfd4 _1p0g5yn6',variantClassNames:{size:{sm:'_146hxcf7k',md:'_146hxcf7s',lg:'_146hxcf80'},bordered:{true:'_1p0g5yn7'}},defaultVariants:{},compoundVariants:[]});
9
9
 
10
10
  export { cell, content };
@@ -6,7 +6,16 @@ import '../src/sprinkles/sprinkles.js';
6
6
  import { header } from './TableHeader-css.js';
7
7
 
8
8
  const TableHeader = forwardRef(
9
- ({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, className: cn(header({ pinned }), className), ...props, children: /* @__PURE__ */ jsx("thead", { ref, children }) })
9
+ ({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ jsx(
10
+ Box,
11
+ {
12
+ asChild: true,
13
+ "data-pinned": pinned ? "" : void 0,
14
+ className: cn(header({ pinned }), className),
15
+ ...props,
16
+ children: /* @__PURE__ */ jsx("thead", { ref, children })
17
+ }
18
+ )
10
19
  );
11
20
  TableHeader.displayName = "TableHeader";
12
21
 
@@ -1,10 +1,12 @@
1
1
  import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
2
2
  import './../assets/src/vanilla-extract/global.css.ts.vanilla-t__QdzLU.css';
3
- import './../assets/src/sprinkles/properties.css.ts.vanilla-BQPG2W33.css';
4
- import './../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-DesAfHw6.css';
3
+ import './../assets/src/sprinkles/properties.css.ts.vanilla-Ckyezauv.css';
4
+ import './../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-2yw_MsU1.css';
5
+ import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CZN81sTW.css';
6
+ import './../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-DHGpcMTl.css';
5
7
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
6
8
 
7
- var cell = createRuntimeFn({defaultClassName:'_146hxcf1u2 _92ef850',variantClassNames:{pinned:{false:'_92ef851',true:'_92ef852'}},defaultVariants:{},compoundVariants:[]});
8
- var content = createRuntimeFn({defaultClassName:'_146hxcf64 _146hxcf8w _146hxcf4 _146hxcf216 _146hxcf2c _146hxcf1is _146hxcfd4 _146hxcf1u2 _92ef856',variantClassNames:{size:{sm:'_146hxcf7k',md:'_146hxcf7s',lg:'_146hxcf80'},bordered:{true:'_92ef857'}},defaultVariants:{},compoundVariants:[]});
9
+ var cell = createRuntimeFn({defaultClassName:'_146hxcf1uc _92ef850',variantClassNames:{pinned:{false:'_92ef851',true:'_92ef852'}},defaultVariants:{},compoundVariants:[]});
10
+ var content = createRuntimeFn({defaultClassName:'_146hxcf64 _146hxcf8w _146hxcf4 _146hxcf21g _146hxcf2c _146hxcf1j0 _146hxcfd4 _146hxcf1uc _92ef856',variantClassNames:{size:{sm:'_146hxcf7k',md:'_146hxcf7s',lg:'_146hxcf80'},bordered:{true:'_92ef857'}},defaultVariants:{},compoundVariants:[]});
9
11
 
10
12
  export { cell, content };
@@ -1,6 +1,6 @@
1
1
  import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
2
2
  import './../assets/src/vanilla-extract/global.css.ts.vanilla-t__QdzLU.css';
3
- import './../assets/src/sprinkles/properties.css.ts.vanilla-BQPG2W33.css';
3
+ import './../assets/src/sprinkles/properties.css.ts.vanilla-Ckyezauv.css';
4
4
  import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CZN81sTW.css';
5
5
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
6
6
 
@@ -9,7 +9,7 @@ import { text } from './Text-css.js';
9
9
  const Slot = createSlot("@orfium/ictinus/Text");
10
10
  const Text = forwardRef(
11
11
  ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
12
- const Comp = asChild ? Slot : "p";
12
+ const Comp = asChild ? Slot : "span";
13
13
  return /* @__PURE__ */ jsx(
14
14
  Box,
15
15
  {