@mekari/pixel3-styled-system 0.0.7 → 0.0.8

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 (187) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/css/conditions.mjs +1 -1
  3. package/css/css.d.ts +15 -2
  4. package/css/css.mjs +2 -1
  5. package/css/cva.d.ts +1 -1
  6. package/css/cva.mjs +3 -1
  7. package/css/sva.mjs +8 -2
  8. package/helpers.mjs +44 -48
  9. package/jsx/aspect-ratio.mjs +1 -1
  10. package/jsx/bleed.mjs +1 -1
  11. package/jsx/box.mjs +1 -1
  12. package/jsx/center.mjs +1 -1
  13. package/jsx/circle.mjs +1 -1
  14. package/jsx/container.mjs +1 -1
  15. package/jsx/cq.mjs +1 -1
  16. package/jsx/divider.mjs +1 -1
  17. package/jsx/factory.mjs +46 -18
  18. package/jsx/flex.mjs +1 -1
  19. package/jsx/float.mjs +1 -1
  20. package/jsx/grid-item.mjs +1 -1
  21. package/jsx/grid.mjs +1 -1
  22. package/jsx/hstack.mjs +1 -1
  23. package/jsx/index.d.ts +0 -1
  24. package/jsx/index.mjs +0 -1
  25. package/jsx/is-valid-prop.d.ts +1 -2
  26. package/jsx/is-valid-prop.mjs +2 -2
  27. package/jsx/link-overlay.mjs +1 -1
  28. package/jsx/spacer.mjs +1 -1
  29. package/jsx/square.mjs +1 -1
  30. package/jsx/stack.mjs +1 -1
  31. package/jsx/visually-hidden.mjs +1 -1
  32. package/jsx/vstack.mjs +1 -1
  33. package/jsx/wrap.mjs +1 -1
  34. package/package.json +1 -1
  35. package/patterns/aspect-ratio.d.ts +1 -1
  36. package/patterns/bleed.d.ts +3 -3
  37. package/patterns/box.d.ts +1 -1
  38. package/patterns/center.d.ts +1 -1
  39. package/patterns/circle.d.ts +2 -2
  40. package/patterns/container.d.ts +1 -1
  41. package/patterns/cq.d.ts +2 -2
  42. package/patterns/divider.d.ts +1 -1
  43. package/patterns/flex.d.ts +8 -8
  44. package/patterns/float.d.ts +1 -1
  45. package/patterns/grid-item.d.ts +1 -1
  46. package/patterns/grid.d.ts +4 -4
  47. package/patterns/hstack.d.ts +3 -3
  48. package/patterns/index.d.ts +0 -1
  49. package/patterns/index.mjs +0 -1
  50. package/patterns/link-overlay.d.ts +1 -1
  51. package/patterns/link-overlay.mjs +0 -3
  52. package/patterns/spacer.d.ts +1 -1
  53. package/patterns/square.d.ts +2 -2
  54. package/patterns/stack.d.ts +5 -5
  55. package/patterns/visually-hidden.d.ts +1 -1
  56. package/patterns/vstack.d.ts +3 -3
  57. package/patterns/wrap.d.ts +6 -6
  58. package/recipes/accordion.d.ts +1 -0
  59. package/recipes/accordion.mjs +4 -2
  60. package/recipes/avatar-group-slot-recipe.d.ts +1 -0
  61. package/recipes/avatar-group-slot-recipe.mjs +4 -2
  62. package/recipes/avatar-slot-recipe.d.ts +1 -0
  63. package/recipes/avatar-slot-recipe.mjs +4 -2
  64. package/recipes/badge-recipe.d.ts +1 -0
  65. package/recipes/badge-recipe.mjs +3 -1
  66. package/recipes/banner-close-button-recipe.d.ts +1 -0
  67. package/recipes/banner-close-button-recipe.mjs +3 -1
  68. package/recipes/banner-description-recipe.d.ts +1 -0
  69. package/recipes/banner-description-recipe.mjs +3 -1
  70. package/recipes/banner-icon-slot-recipe.d.ts +1 -0
  71. package/recipes/banner-icon-slot-recipe.mjs +4 -2
  72. package/recipes/banner-link-recipe.d.ts +1 -0
  73. package/recipes/banner-link-recipe.mjs +3 -1
  74. package/recipes/banner-slot-recipe.d.ts +1 -0
  75. package/recipes/banner-slot-recipe.mjs +4 -2
  76. package/recipes/banner-title-recipe.d.ts +1 -0
  77. package/recipes/banner-title-recipe.mjs +3 -1
  78. package/recipes/broadcast-slot-recipe.d.ts +1 -0
  79. package/recipes/broadcast-slot-recipe.mjs +4 -2
  80. package/recipes/button-group-recipe.d.ts +1 -0
  81. package/recipes/button-group-recipe.mjs +3 -1
  82. package/recipes/button-recipe.d.ts +1 -0
  83. package/recipes/button-recipe.mjs +3 -1
  84. package/recipes/calendar-panel-range-recipe.d.ts +1 -0
  85. package/recipes/calendar-panel-range-recipe.mjs +3 -1
  86. package/recipes/carousel-slot-recipe.d.ts +1 -0
  87. package/recipes/carousel-slot-recipe.mjs +4 -2
  88. package/recipes/chart-slot-recipe.d.ts +28 -0
  89. package/recipes/chart-slot-recipe.mjs +80 -0
  90. package/recipes/checkbox-slot-recipe.d.ts +1 -0
  91. package/recipes/checkbox-slot-recipe.mjs +4 -2
  92. package/recipes/create-recipe.mjs +8 -5
  93. package/recipes/date-item-recipe.d.ts +1 -0
  94. package/recipes/date-item-recipe.mjs +3 -1
  95. package/recipes/date-picker-slot-recipe.d.ts +1 -0
  96. package/recipes/date-picker-slot-recipe.mjs +4 -2
  97. package/recipes/day-item-recipe.d.ts +1 -0
  98. package/recipes/day-item-recipe.mjs +3 -1
  99. package/recipes/divider-recipe.d.ts +1 -0
  100. package/recipes/divider-recipe.mjs +3 -1
  101. package/recipes/dropzone-slot-recipe.d.ts +1 -0
  102. package/recipes/dropzone-slot-recipe.mjs +4 -2
  103. package/recipes/form-control-slot-recipe.d.ts +1 -0
  104. package/recipes/form-control-slot-recipe.mjs +4 -2
  105. package/recipes/icon-recipe.d.ts +1 -0
  106. package/recipes/icon-recipe.mjs +3 -1
  107. package/recipes/index.d.ts +2 -1
  108. package/recipes/index.mjs +2 -1
  109. package/recipes/input-addon-slot-recipe.d.ts +1 -0
  110. package/recipes/input-addon-slot-recipe.mjs +4 -2
  111. package/recipes/input-group-slot-recipe.d.ts +1 -0
  112. package/recipes/input-group-slot-recipe.mjs +4 -2
  113. package/recipes/input-slot-recipe.d.ts +1 -0
  114. package/recipes/input-slot-recipe.mjs +4 -2
  115. package/recipes/input-tag-slot-recipe.d.ts +1 -0
  116. package/recipes/input-tag-slot-recipe.mjs +4 -2
  117. package/recipes/modal-slot-recipe.d.ts +6 -1
  118. package/recipes/modal-slot-recipe.mjs +4 -2
  119. package/recipes/month-item-recipe.d.ts +1 -0
  120. package/recipes/month-item-recipe.mjs +3 -1
  121. package/recipes/pinbar-slot-recipe.d.ts +1 -0
  122. package/recipes/pinbar-slot-recipe.mjs +4 -2
  123. package/recipes/popover-content-recipe.d.ts +1 -0
  124. package/recipes/popover-content-recipe.mjs +3 -1
  125. package/recipes/popover-list-item-recipe.d.ts +1 -0
  126. package/recipes/popover-list-item-recipe.mjs +3 -1
  127. package/recipes/popover-list-recipe.d.ts +1 -0
  128. package/recipes/popover-list-recipe.mjs +3 -1
  129. package/recipes/progress-slot-recipe.d.ts +1 -0
  130. package/recipes/progress-slot-recipe.mjs +4 -2
  131. package/recipes/radio-slot-recipe.d.ts +1 -0
  132. package/recipes/radio-slot-recipe.mjs +4 -2
  133. package/recipes/rich-text-editor-slot-recipe.d.ts +1 -0
  134. package/recipes/rich-text-editor-slot-recipe.mjs +4 -2
  135. package/recipes/rtestyle-provider-recipe.d.ts +1 -0
  136. package/recipes/rtestyle-provider-recipe.mjs +3 -1
  137. package/recipes/segmented-control-slot-recipe.d.ts +1 -0
  138. package/recipes/segmented-control-slot-recipe.mjs +4 -2
  139. package/recipes/select-slot-recipe.d.ts +1 -0
  140. package/recipes/select-slot-recipe.mjs +4 -2
  141. package/recipes/selected-border-recipe.d.ts +1 -0
  142. package/recipes/selected-border-recipe.mjs +3 -1
  143. package/recipes/shared-slot-recipe.d.ts +1 -0
  144. package/recipes/shared-slot-recipe.mjs +4 -2
  145. package/recipes/spinner-recipe.d.ts +1 -0
  146. package/recipes/spinner-recipe.mjs +3 -1
  147. package/recipes/tab-list-recipe.d.ts +1 -0
  148. package/recipes/tab-list-recipe.mjs +3 -1
  149. package/recipes/tab-recipe.d.ts +1 -0
  150. package/recipes/tab-recipe.mjs +3 -1
  151. package/recipes/table-container-recipe.d.ts +1 -0
  152. package/recipes/table-container-recipe.mjs +3 -1
  153. package/recipes/table-date-slot-recipe.d.ts +1 -0
  154. package/recipes/table-date-slot-recipe.mjs +4 -2
  155. package/recipes/table-month-slot-recipe.d.ts +1 -0
  156. package/recipes/table-month-slot-recipe.mjs +4 -2
  157. package/recipes/table-recipe.d.ts +1 -0
  158. package/recipes/table-recipe.mjs +3 -1
  159. package/recipes/table-year-slot-recipe.d.ts +1 -0
  160. package/recipes/table-year-slot-recipe.mjs +4 -2
  161. package/recipes/tag-slot-recipe.d.ts +1 -0
  162. package/recipes/tag-slot-recipe.mjs +4 -2
  163. package/recipes/text-recipe.d.ts +1 -0
  164. package/recipes/text-recipe.mjs +3 -1
  165. package/recipes/textarea-recipe.d.ts +1 -0
  166. package/recipes/textarea-recipe.mjs +3 -1
  167. package/recipes/toast-slot-recipe.d.ts +1 -0
  168. package/recipes/toast-slot-recipe.mjs +4 -2
  169. package/recipes/toggle-slot-recipe.d.ts +1 -0
  170. package/recipes/toggle-slot-recipe.mjs +4 -2
  171. package/recipes/tooltip-recipe.d.ts +1 -0
  172. package/recipes/tooltip-recipe.mjs +3 -1
  173. package/recipes/upload-list-slot-recipe.d.ts +1 -0
  174. package/recipes/upload-list-slot-recipe.mjs +4 -2
  175. package/recipes/upload-slot-recipe.d.ts +1 -0
  176. package/recipes/upload-slot-recipe.mjs +4 -2
  177. package/recipes/year-item-recipe.d.ts +1 -0
  178. package/recipes/year-item-recipe.mjs +3 -1
  179. package/tokens/tokens.d.ts +0 -3
  180. package/types/composition.d.ts +39 -12
  181. package/types/conditions.d.ts +24 -26
  182. package/types/pattern.d.ts +4 -0
  183. package/types/prop-type.d.ts +51 -223
  184. package/types/recipe.d.ts +33 -10
  185. package/types/static-css.d.ts +4 -0
  186. package/types/style-props.d.ts +7458 -644
  187. package/types/system-types.d.ts +3 -8
package/types/system-types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue, Conditions, Nested } from './conditions';
2
+ import type { ConditionalValue, Nested } from './conditions';
3
3
  import type { PropertiesFallback } from './csstype';
4
4
  import type { SystemProperties, CssVarProperties } from './style-props';
5
5
 
@@ -36,10 +36,6 @@ export interface CssKeyframes {
36
36
  * Conditional css properties
37
37
  * -----------------------------------------------------------------------------*/
38
38
 
39
- type MinimalNested<P> = {
40
- [K in keyof Conditions]?: Nested<P>
41
- }
42
-
43
39
  interface GenericProperties {
44
40
  [key: string]: ConditionalValue<String | Number | boolean>
45
41
  }
@@ -70,11 +66,10 @@ export type CompositionStyleObject<Property extends string> = Nested<FilterStyle
70
66
  * Jsx style props
71
67
  * -----------------------------------------------------------------------------*/
72
68
  interface WithCss {
73
- css?: SystemStyleObject
69
+ css?: SystemStyleObject | SystemStyleObject[]
74
70
  }
75
- type StyleProps = SystemProperties & MinimalNested<SystemStyleObject>
76
71
 
77
- export type JsxStyleProps = StyleProps & WithCss
72
+ export type JsxStyleProps = SystemStyleObject & WithCss
78
73
 
79
74
  export interface PatchedHTMLProps {
80
75
  htmlWidth?: string | number