@flowstack-ui/brick 0.1.2 → 0.1.4

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 (91) hide show
  1. package/README.md +6 -1
  2. package/dist/agents/app-bar.json +57 -0
  3. package/dist/agents/app-bar.md +42 -0
  4. package/dist/agents/bottom-navigation.json +55 -0
  5. package/dist/agents/bottom-navigation.md +40 -0
  6. package/dist/agents/breadcrumb.json +48 -0
  7. package/dist/agents/breadcrumb.md +37 -0
  8. package/dist/agents/button.json +49 -0
  9. package/dist/agents/button.md +38 -0
  10. package/dist/agents/card.json +50 -0
  11. package/dist/agents/card.md +39 -0
  12. package/dist/agents/checkbox.json +49 -0
  13. package/dist/agents/checkbox.md +38 -0
  14. package/dist/agents/container.json +54 -0
  15. package/dist/agents/container.md +39 -0
  16. package/dist/agents/divider.json +48 -0
  17. package/dist/agents/divider.md +37 -0
  18. package/dist/agents/drawer.json +56 -0
  19. package/dist/agents/drawer.md +41 -0
  20. package/dist/agents/field.json +57 -0
  21. package/dist/agents/field.md +42 -0
  22. package/dist/agents/fieldset.json +49 -0
  23. package/dist/agents/fieldset.md +38 -0
  24. package/dist/agents/form.json +49 -0
  25. package/dist/agents/form.md +38 -0
  26. package/dist/agents/grid.json +48 -0
  27. package/dist/agents/grid.md +37 -0
  28. package/dist/agents/hide.json +54 -0
  29. package/dist/agents/hide.md +39 -0
  30. package/dist/agents/icon-button.json +54 -0
  31. package/dist/agents/icon-button.md +39 -0
  32. package/dist/agents/image.json +59 -0
  33. package/dist/agents/image.md +40 -0
  34. package/dist/agents/input.json +48 -0
  35. package/dist/agents/input.md +37 -0
  36. package/dist/agents/interface-composition.json +174 -0
  37. package/dist/agents/interface-composition.md +91 -0
  38. package/dist/agents/layer-selection.json +107 -0
  39. package/dist/agents/layer-selection.md +57 -0
  40. package/dist/agents/link.json +47 -0
  41. package/dist/agents/link.md +36 -0
  42. package/dist/agents/manifest.json +207 -0
  43. package/dist/agents/nav-list.json +54 -0
  44. package/dist/agents/nav-list.md +39 -0
  45. package/dist/agents/navigation-menu.json +76 -0
  46. package/dist/agents/navigation-menu.md +46 -0
  47. package/dist/agents/pagination.json +48 -0
  48. package/dist/agents/pagination.md +37 -0
  49. package/dist/agents/scroll-area.json +54 -0
  50. package/dist/agents/scroll-area.md +39 -0
  51. package/dist/agents/show.json +54 -0
  52. package/dist/agents/show.md +39 -0
  53. package/dist/agents/sidebar.json +56 -0
  54. package/dist/agents/sidebar.md +41 -0
  55. package/dist/agents/skip-link.json +53 -0
  56. package/dist/agents/skip-link.md +38 -0
  57. package/dist/agents/stack.json +48 -0
  58. package/dist/agents/stack.md +37 -0
  59. package/dist/agents/surface.json +48 -0
  60. package/dist/agents/surface.md +37 -0
  61. package/dist/agents/tabs.json +54 -0
  62. package/dist/agents/tabs.md +39 -0
  63. package/dist/agents/text.json +60 -0
  64. package/dist/agents/text.md +41 -0
  65. package/dist/agents/textarea.json +48 -0
  66. package/dist/agents/textarea.md +37 -0
  67. package/dist/agents/toolbar.json +55 -0
  68. package/dist/agents/toolbar.md +40 -0
  69. package/dist/components/button/Button.js +2 -2
  70. package/dist/components/button/Button.js.map +1 -1
  71. package/dist/components/chip/Chip.js +4 -4
  72. package/dist/components/chip/Chip.js.map +1 -1
  73. package/dist/components/icon-button/IconButton.js +2 -2
  74. package/dist/components/icon-button/IconButton.js.map +1 -1
  75. package/dist/navigation-menu.d.ts +1 -0
  76. package/dist/navigation-menu.d.ts.map +1 -1
  77. package/dist/navigation-menu.js +1 -0
  78. package/dist/navigation-menu.js.map +1 -1
  79. package/dist/styles/code-block.css +1 -1
  80. package/dist/styles/code-block.css.map +1 -1
  81. package/dist/styles/core.css +1 -1
  82. package/dist/styles/core.css.map +1 -1
  83. package/dist/styles/navigation-menu.css +1 -1
  84. package/dist/styles/navigation-menu.css.map +1 -1
  85. package/dist/styles/swipeable-item.css.map +1 -1
  86. package/dist/styles.css +1 -1
  87. package/dist/styles.css.map +1 -1
  88. package/docs/guides/agent-knowledge.md +44 -0
  89. package/docs/guides/appearance-and-tokens.md +6 -0
  90. package/docs/guides/installation.md +11 -6
  91. package/package.json +11 -5
package/dist/styles/swipeable-item.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,oEDxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/swipeable-item.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-swipeable-item {\n --brick-swipeable-item-background: var(--brick-color-surface-base);\n --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n --brick-swipeable-item-border-width: var(--brick-border-width);\n --brick-swipeable-item-radius: var(--brick-radius-surface);\n --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n --brick-swipeable-item-focus-width: 2px;\n --brick-swipeable-item-focus-offset: -3px;\n --brick-swipeable-item-action-gap: var(--brick-space-2);\n --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n --brick-swipeable-item-action-min-size: 2.75rem;\n --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n position: relative;\n isolation: isolate;\n box-sizing: border-box;\n display: grid;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: hidden;\n border: var(--brick-swipeable-item-border-width) solid transparent;\n border-radius: var(--brick-swipeable-item-radius);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-foreground);\n }\n\n .brick-swipeable-item[data-variant=\"outline\"] {\n border-color: var(--brick-swipeable-item-border-color);\n }\n\n .brick-swipeable-item__content {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n min-inline-size: 0;\n border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n background: var(--brick-swipeable-item-background);\n color: var(--brick-swipeable-item-foreground);\n outline: var(--brick-swipeable-item-focus-width) solid transparent;\n outline-offset: var(--brick-swipeable-item-focus-offset);\n transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n transition: transform var(--brick-swipeable-item-transition-duration) ease;\n }\n\n .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n transition: none;\n }\n\n .brick-swipeable-item__content:focus-visible {\n outline-color: var(--brick-swipeable-item-focus-color);\n }\n\n .brick-swipeable-item__actions {\n position: absolute;\n z-index: 0;\n inset-block: 0;\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n gap: var(--brick-swipeable-item-action-gap);\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n padding-inline: var(--brick-swipeable-item-action-padding-inline);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-action-foreground);\n }\n\n .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n .brick-swipeable-item__actions > * {\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n min-block-size: var(--brick-swipeable-item-action-min-size);\n }\n\n .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n .brick-swipeable-item[data-readonly] { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-swipeable-item__content { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,oEDxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/swipeable-item.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";","@layer brick.components {\n .brick-swipeable-item {\n --brick-swipeable-item-background: var(--brick-color-surface-base);\n --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n --brick-swipeable-item-border-width: var(--brick-border-width);\n --brick-swipeable-item-radius: var(--brick-radius-surface);\n --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n --brick-swipeable-item-focus-width: 2px;\n --brick-swipeable-item-focus-offset: -3px;\n --brick-swipeable-item-action-gap: var(--brick-space-2);\n --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n --brick-swipeable-item-action-min-size: 2.75rem;\n --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n position: relative;\n isolation: isolate;\n box-sizing: border-box;\n display: grid;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: hidden;\n border: var(--brick-swipeable-item-border-width) solid transparent;\n border-radius: var(--brick-swipeable-item-radius);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-foreground);\n }\n\n .brick-swipeable-item[data-variant=\"outline\"] {\n border-color: var(--brick-swipeable-item-border-color);\n }\n\n .brick-swipeable-item__content {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n min-inline-size: 0;\n border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n background: var(--brick-swipeable-item-background);\n color: var(--brick-swipeable-item-foreground);\n outline: var(--brick-swipeable-item-focus-width) solid transparent;\n outline-offset: var(--brick-swipeable-item-focus-offset);\n transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n transition: transform var(--brick-swipeable-item-transition-duration) ease;\n }\n\n .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n transition: none;\n }\n\n .brick-swipeable-item__content:focus-visible {\n outline-color: var(--brick-swipeable-item-focus-color);\n }\n\n .brick-swipeable-item__actions {\n position: absolute;\n z-index: 0;\n inset-block: 0;\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n gap: var(--brick-swipeable-item-action-gap);\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n padding-inline: var(--brick-swipeable-item-action-padding-inline);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-action-foreground);\n }\n\n .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n .brick-swipeable-item__actions > * {\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n min-block-size: var(--brick-swipeable-item-action-min-size);\n }\n\n .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n .brick-swipeable-item[data-readonly] { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-swipeable-item__content { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n }\n}\n","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n"],"names":[]}