thread-ui 0.13.1 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/dist/components/content-display/carousel/carousel-context.d.ts +117 -9
  2. package/dist/components/content-display/carousel/carousel.d.ts +1 -1
  3. package/dist/components/content-display/carousel/carousel.js +19 -4
  4. package/dist/components/content-display/carousel/carousel.js.map +1 -1
  5. package/dist/components/content-display/carousel/carousel.types.d.ts +10 -9
  6. package/dist/components/content-display/carousel/components/carousel-controls.js +1 -1
  7. package/dist/components/content-display/carousel/components/carousel-controls.js.map +1 -1
  8. package/dist/components/content-display/carousel/components/carousel-header.d.ts +1 -1
  9. package/dist/components/content-display/carousel/components/carousel-header.js +6 -13
  10. package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
  11. package/dist/components/content-display/carousel/components/carousel-item.js +1 -5
  12. package/dist/components/content-display/carousel/components/carousel-item.js.map +1 -1
  13. package/dist/components/content-display/gallery/components/gallery-content.js +3 -4
  14. package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
  15. package/dist/components/content-display/gallery/gallery-context.d.ts +117 -9
  16. package/dist/components/content-display/gallery/gallery.d.ts +1 -1
  17. package/dist/components/content-display/gallery/gallery.js +2 -1
  18. package/dist/components/content-display/gallery/gallery.js.map +1 -1
  19. package/dist/components/content-display/gallery/gallery.types.d.ts +4 -5
  20. package/dist/components/content-display/lightbox/components/lightbox-title.js +5 -8
  21. package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
  22. package/dist/components/content-display/lightbox/lightbox-context.d.ts +44 -2
  23. package/dist/components/content-display/lightbox/lightbox.types.d.ts +1 -1
  24. package/dist/components/layouts/column-layout/column-layout.d.ts +2 -2
  25. package/dist/components/layouts/column-layout/column-layout.js +6 -6
  26. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  27. package/dist/components/layouts/column-layout/column-layout.types.d.ts +4 -7
  28. package/dist/components/layouts/footer/footer.d.ts +3 -3
  29. package/dist/components/layouts/footer/footer.js +4 -4
  30. package/dist/components/layouts/footer/footer.js.map +1 -1
  31. package/dist/components/layouts/footer/footer.types.d.ts +1 -1
  32. package/dist/components/layouts/layout-component.types.d.ts +2 -1
  33. package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +1 -1
  34. package/dist/components/layouts/masonry-layout/masonry-layout.js +3 -3
  35. package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
  36. package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +4 -6
  37. package/dist/components/media-display/info-card/info-card.js +2 -2
  38. package/dist/components/media-display/info-card/info-card.js.map +1 -1
  39. package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
  40. package/dist/components/typography/heading/heading.js +1 -1
  41. package/dist/components/typography/heading/heading.js.map +1 -1
  42. package/dist/components/typography/page-header/page-header.d.ts +3 -3
  43. package/dist/components/typography/page-header/page-header.js +5 -5
  44. package/dist/components/typography/page-header/page-header.js.map +1 -1
  45. package/dist/components/typography/page-header/page-header.types.d.ts +3 -3
  46. package/dist/components/ui/button/button-recipe.js +11 -10
  47. package/dist/components/ui/button/button-recipe.js.map +1 -1
  48. package/dist/components/ui/card/card.d.ts +1 -1
  49. package/dist/components/ui/card/card.js +14 -9
  50. package/dist/components/ui/card/card.js.map +1 -1
  51. package/dist/components/ui/card/card.types.d.ts +2 -0
  52. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +1 -1
  53. package/dist/components/ui/modal/modal-context.d.ts +2 -2
  54. package/dist/internal-components/content-header/content-header.d.ts +12 -0
  55. package/dist/internal-components/content-header/content-header.js +36 -0
  56. package/dist/internal-components/content-header/content-header.js.map +1 -0
  57. package/dist/internal-components/content-header/content-header.types.d.ts +32 -0
  58. package/dist/internal-components/content-header/content-header.types.js +2 -0
  59. package/dist/internal-components/content-header/content-header.types.js.map +1 -0
  60. package/dist/internal-components/content-header/index.d.ts +2 -0
  61. package/dist/internal-components/content-header/index.js +2 -0
  62. package/dist/internal-components/content-header/index.js.map +1 -0
  63. package/dist/internal-components/index.d.ts +2 -0
  64. package/dist/internal-components/index.js +2 -0
  65. package/dist/internal-components/index.js.map +1 -1
  66. package/dist/internal-components/surface/index.d.ts +2 -0
  67. package/dist/internal-components/surface/index.js +2 -0
  68. package/dist/internal-components/surface/index.js.map +1 -0
  69. package/dist/internal-components/surface/surface.d.ts +3 -0
  70. package/dist/internal-components/surface/surface.js +11 -0
  71. package/dist/internal-components/surface/surface.js.map +1 -0
  72. package/dist/internal-components/surface/surface.types.d.ts +15 -0
  73. package/dist/internal-components/surface/surface.types.js +2 -0
  74. package/dist/internal-components/surface/surface.types.js.map +1 -0
  75. package/dist/styled-system/recipes/button.js +6 -6
  76. package/dist/styled-system/tokens/index.js +8 -0
  77. package/dist/styled-system/tokens/tokens.d.ts +1 -1
  78. package/dist/styles/panda.css +1 -1
  79. package/dist/styles/theme.css +6 -0
  80. package/dist/theme/css-name-configurations/theme-css-names.d.ts +1 -0
  81. package/dist/theme/css-name-configurations/theme-css-names.js +3 -0
  82. package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
  83. package/dist/theme/default-theme.js +2 -0
  84. package/dist/theme/default-theme.js.map +1 -1
  85. package/dist/theme/theme-surface-system.d.ts +2 -1
  86. package/dist/theme/theme-surface-system.js.map +1 -1
  87. package/dist/types/colors/utility-color-options.types.d.ts +1 -1
  88. package/dist/types/theme/theme.types.d.ts +1 -0
  89. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js +2 -0
  90. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -1
  91. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +2 -3
  92. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -1
  93. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +1 -0
  94. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -1
  95. package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +1 -1
  96. package/package.json +1 -1
  97. package/dist/styled-system/css/conditions..js +0 -36
  98. package/dist/styled-system/css/conditions.mjs +0 -36
  99. package/dist/styled-system/css/css..js +0 -45
  100. package/dist/styled-system/css/css.mjs +0 -45
  101. package/dist/styled-system/css/cva..js +0 -87
  102. package/dist/styled-system/css/cva.mjs +0 -87
  103. package/dist/styled-system/css/cx..js +0 -15
  104. package/dist/styled-system/css/cx.mjs +0 -15
  105. package/dist/styled-system/css/index..js +0 -4
  106. package/dist/styled-system/css/index.mjs +0 -4
  107. package/dist/styled-system/css/sva..js +0 -46
  108. package/dist/styled-system/css/sva.mjs +0 -46
  109. package/dist/styled-system/helpers..js +0 -316
  110. package/dist/styled-system/helpers.mjs +0 -316
  111. package/dist/styled-system/patterns/aspect-ratio..js +0 -38
  112. package/dist/styled-system/patterns/aspect-ratio.mjs +0 -38
  113. package/dist/styled-system/patterns/bleed..js +0 -24
  114. package/dist/styled-system/patterns/bleed.mjs +0 -24
  115. package/dist/styled-system/patterns/box..js +0 -15
  116. package/dist/styled-system/patterns/box.mjs +0 -15
  117. package/dist/styled-system/patterns/center..js +0 -21
  118. package/dist/styled-system/patterns/center.mjs +0 -21
  119. package/dist/styled-system/patterns/circle..js +0 -25
  120. package/dist/styled-system/patterns/circle.mjs +0 -25
  121. package/dist/styled-system/patterns/container..js +0 -22
  122. package/dist/styled-system/patterns/container.mjs +0 -22
  123. package/dist/styled-system/patterns/cq..js +0 -21
  124. package/dist/styled-system/patterns/cq.mjs +0 -21
  125. package/dist/styled-system/patterns/divider..js +0 -25
  126. package/dist/styled-system/patterns/divider.mjs +0 -25
  127. package/dist/styled-system/patterns/flex..js +0 -26
  128. package/dist/styled-system/patterns/flex.mjs +0 -26
  129. package/dist/styled-system/patterns/float..js +0 -52
  130. package/dist/styled-system/patterns/float.mjs +0 -52
  131. package/dist/styled-system/patterns/grid-item..js +0 -25
  132. package/dist/styled-system/patterns/grid-item.mjs +0 -25
  133. package/dist/styled-system/patterns/grid..js +0 -27
  134. package/dist/styled-system/patterns/grid.mjs +0 -27
  135. package/dist/styled-system/patterns/hstack..js +0 -24
  136. package/dist/styled-system/patterns/hstack.mjs +0 -24
  137. package/dist/styled-system/patterns/index..js +0 -20
  138. package/dist/styled-system/patterns/index.mjs +0 -20
  139. package/dist/styled-system/patterns/link-overlay..js +0 -24
  140. package/dist/styled-system/patterns/link-overlay.mjs +0 -24
  141. package/dist/styled-system/patterns/spacer..js +0 -21
  142. package/dist/styled-system/patterns/spacer.mjs +0 -21
  143. package/dist/styled-system/patterns/square..js +0 -24
  144. package/dist/styled-system/patterns/square.mjs +0 -24
  145. package/dist/styled-system/patterns/stack..js +0 -24
  146. package/dist/styled-system/patterns/stack.mjs +0 -24
  147. package/dist/styled-system/patterns/visually-hidden..js +0 -18
  148. package/dist/styled-system/patterns/visually-hidden.mjs +0 -18
  149. package/dist/styled-system/patterns/vstack..js +0 -24
  150. package/dist/styled-system/patterns/vstack.mjs +0 -24
  151. package/dist/styled-system/patterns/wrap..js +0 -25
  152. package/dist/styled-system/patterns/wrap.mjs +0 -25
  153. package/dist/styled-system/recipes/button..js +0 -445
  154. package/dist/styled-system/recipes/button.mjs +0 -445
  155. package/dist/styled-system/recipes/create-recipe..js +0 -82
  156. package/dist/styled-system/recipes/create-recipe.mjs +0 -82
  157. package/dist/styled-system/recipes/index..js +0 -1
  158. package/dist/styled-system/recipes/index.mjs +0 -1
  159. package/dist/styled-system/styles.css +0 -1
  160. package/dist/styled-system/tokens/index..js +0 -2104
  161. package/dist/styled-system/tokens/index.mjs +0 -2164
@@ -1,20 +0,0 @@
1
- export * from './container.mjs';
2
- export * from './box.mjs';
3
- export * from './flex.mjs';
4
- export * from './stack.mjs';
5
- export * from './vstack.mjs';
6
- export * from './hstack.mjs';
7
- export * from './spacer.mjs';
8
- export * from './square.mjs';
9
- export * from './circle.mjs';
10
- export * from './center.mjs';
11
- export * from './link-overlay.mjs';
12
- export * from './aspect-ratio.mjs';
13
- export * from './grid.mjs';
14
- export * from './grid-item.mjs';
15
- export * from './wrap.mjs';
16
- export * from './divider.mjs';
17
- export * from './float.mjs';
18
- export * from './bleed.mjs';
19
- export * from './visually-hidden.mjs';
20
- export * from './cq.mjs';
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const linkOverlayConfig = {
5
- transform(props) {
6
- return {
7
- _before: {
8
- content: '""',
9
- position: "absolute",
10
- inset: "0",
11
- zIndex: "0",
12
- ...props["_before"]
13
- },
14
- ...props
15
- };
16
- }}
17
-
18
- export const getLinkOverlayStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(linkOverlayConfig, styles)
20
- return linkOverlayConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
24
- linkOverlay.raw = getLinkOverlayStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const linkOverlayConfig = {
5
- transform(props) {
6
- return {
7
- _before: {
8
- content: '""',
9
- position: "absolute",
10
- inset: "0",
11
- zIndex: "0",
12
- ...props["_before"]
13
- },
14
- ...props
15
- };
16
- }}
17
-
18
- export const getLinkOverlayStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(linkOverlayConfig, styles)
20
- return linkOverlayConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
24
- linkOverlay.raw = getLinkOverlayStyle
@@ -1,21 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const spacerConfig = {
5
- transform(props, { map }) {
6
- const { size, ...rest } = props;
7
- return {
8
- alignSelf: "stretch",
9
- justifySelf: "stretch",
10
- flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
11
- ...rest
12
- };
13
- }}
14
-
15
- export const getSpacerStyle = (styles = {}) => {
16
- const _styles = getPatternStyles(spacerConfig, styles)
17
- return spacerConfig.transform(_styles, patternFns)
18
- }
19
-
20
- export const spacer = (styles) => css(getSpacerStyle(styles))
21
- spacer.raw = getSpacerStyle
@@ -1,21 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const spacerConfig = {
5
- transform(props, { map }) {
6
- const { size, ...rest } = props;
7
- return {
8
- alignSelf: "stretch",
9
- justifySelf: "stretch",
10
- flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
11
- ...rest
12
- };
13
- }}
14
-
15
- export const getSpacerStyle = (styles = {}) => {
16
- const _styles = getPatternStyles(spacerConfig, styles)
17
- return spacerConfig.transform(_styles, patternFns)
18
- }
19
-
20
- export const spacer = (styles) => css(getSpacerStyle(styles))
21
- spacer.raw = getSpacerStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const squareConfig = {
5
- transform(props) {
6
- const { size, ...rest } = props;
7
- return {
8
- display: "flex",
9
- alignItems: "center",
10
- justifyContent: "center",
11
- flex: "0 0 auto",
12
- width: size,
13
- height: size,
14
- ...rest
15
- };
16
- }}
17
-
18
- export const getSquareStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(squareConfig, styles)
20
- return squareConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const square = (styles) => css(getSquareStyle(styles))
24
- square.raw = getSquareStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const squareConfig = {
5
- transform(props) {
6
- const { size, ...rest } = props;
7
- return {
8
- display: "flex",
9
- alignItems: "center",
10
- justifyContent: "center",
11
- flex: "0 0 auto",
12
- width: size,
13
- height: size,
14
- ...rest
15
- };
16
- }}
17
-
18
- export const getSquareStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(squareConfig, styles)
20
- return squareConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const square = (styles) => css(getSquareStyle(styles))
24
- square.raw = getSquareStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const stackConfig = {
5
- transform(props) {
6
- const { align, justify, direction, gap, ...rest } = props;
7
- return {
8
- display: "flex",
9
- flexDirection: direction,
10
- alignItems: align,
11
- justifyContent: justify,
12
- gap,
13
- ...rest
14
- };
15
- },
16
- defaultValues:{direction:'column',gap:'8px'}}
17
-
18
- export const getStackStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(stackConfig, styles)
20
- return stackConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const stack = (styles) => css(getStackStyle(styles))
24
- stack.raw = getStackStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const stackConfig = {
5
- transform(props) {
6
- const { align, justify, direction, gap, ...rest } = props;
7
- return {
8
- display: "flex",
9
- flexDirection: direction,
10
- alignItems: align,
11
- justifyContent: justify,
12
- gap,
13
- ...rest
14
- };
15
- },
16
- defaultValues:{direction:'column',gap:'8px'}}
17
-
18
- export const getStackStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(stackConfig, styles)
20
- return stackConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const stack = (styles) => css(getStackStyle(styles))
24
- stack.raw = getStackStyle
@@ -1,18 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const visuallyHiddenConfig = {
5
- transform(props) {
6
- return {
7
- srOnly: true,
8
- ...props
9
- };
10
- }}
11
-
12
- export const getVisuallyHiddenStyle = (styles = {}) => {
13
- const _styles = getPatternStyles(visuallyHiddenConfig, styles)
14
- return visuallyHiddenConfig.transform(_styles, patternFns)
15
- }
16
-
17
- export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
18
- visuallyHidden.raw = getVisuallyHiddenStyle
@@ -1,18 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const visuallyHiddenConfig = {
5
- transform(props) {
6
- return {
7
- srOnly: true,
8
- ...props
9
- };
10
- }}
11
-
12
- export const getVisuallyHiddenStyle = (styles = {}) => {
13
- const _styles = getPatternStyles(visuallyHiddenConfig, styles)
14
- return visuallyHiddenConfig.transform(_styles, patternFns)
15
- }
16
-
17
- export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
18
- visuallyHidden.raw = getVisuallyHiddenStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const vstackConfig = {
5
- transform(props) {
6
- const { justify, gap, ...rest } = props;
7
- return {
8
- display: "flex",
9
- alignItems: "center",
10
- justifyContent: justify,
11
- gap,
12
- flexDirection: "column",
13
- ...rest
14
- };
15
- },
16
- defaultValues:{gap:'8px'}}
17
-
18
- export const getVstackStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(vstackConfig, styles)
20
- return vstackConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const vstack = (styles) => css(getVstackStyle(styles))
24
- vstack.raw = getVstackStyle
@@ -1,24 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const vstackConfig = {
5
- transform(props) {
6
- const { justify, gap, ...rest } = props;
7
- return {
8
- display: "flex",
9
- alignItems: "center",
10
- justifyContent: justify,
11
- gap,
12
- flexDirection: "column",
13
- ...rest
14
- };
15
- },
16
- defaultValues:{gap:'8px'}}
17
-
18
- export const getVstackStyle = (styles = {}) => {
19
- const _styles = getPatternStyles(vstackConfig, styles)
20
- return vstackConfig.transform(_styles, patternFns)
21
- }
22
-
23
- export const vstack = (styles) => css(getVstackStyle(styles))
24
- vstack.raw = getVstackStyle
@@ -1,25 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers..js';
2
- import { css } from '../css/index..js';
3
-
4
- const wrapConfig = {
5
- transform(props) {
6
- const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
7
- return {
8
- display: "flex",
9
- flexWrap: "wrap",
10
- alignItems: align,
11
- justifyContent: justify,
12
- gap,
13
- columnGap,
14
- rowGap,
15
- ...rest
16
- };
17
- }}
18
-
19
- export const getWrapStyle = (styles = {}) => {
20
- const _styles = getPatternStyles(wrapConfig, styles)
21
- return wrapConfig.transform(_styles, patternFns)
22
- }
23
-
24
- export const wrap = (styles) => css(getWrapStyle(styles))
25
- wrap.raw = getWrapStyle
@@ -1,25 +0,0 @@
1
- import { getPatternStyles, patternFns } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const wrapConfig = {
5
- transform(props) {
6
- const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
7
- return {
8
- display: "flex",
9
- flexWrap: "wrap",
10
- alignItems: align,
11
- justifyContent: justify,
12
- gap,
13
- columnGap,
14
- rowGap,
15
- ...rest
16
- };
17
- }}
18
-
19
- export const getWrapStyle = (styles = {}) => {
20
- const _styles = getPatternStyles(wrapConfig, styles)
21
- return wrapConfig.transform(_styles, patternFns)
22
- }
23
-
24
- export const wrap = (styles) => css(getWrapStyle(styles))
25
- wrap.raw = getWrapStyle