@brightspot/ui 6.5.0 → 6.6.1

package/README.md

@@ -16,7 +16,7 @@ The CMS's own interface is built from this UI library, and we're gradually movin
 
 The CMS interface lives in `src/legacy/tool-ui/`. Edit files there and preview them in a running CMS one of two ways.
 
-**You'll need:** Node 22 (`nvm use 22`), Yarn 1, a local `brightspot` checkout, and `yarn install` run once here.
+**You'll need:** Node 22 (`nvm use 22`), Yarn 1, a local `brightspot` checkout, and `yarn install` then `yarn build` run once here. The CMS bundle imports some library components from the build output, so rerun `yarn build` after changing them.
 
 > **Editor tip:** In VSCode, the recommended extensions autocomplete the `btu-*` classes as you type. See the [VSCode setup notes](src/legacy/tool-ui/README.md#visual-studio-code).
 
@@ -92,7 +92,7 @@ If you don't already have one, create a Tailwind config file at the root of your
 ```js
 // tailwind.config.mjs
 export default {
-  content: ['./src/**/*.{js,ts,html}'], // wherever your markup lives
+  content: ['./src/**/*.{js,ts,html,java}'], // wherever your markup lives, including Java that builds class lists
 }
 ```
 
@@ -104,7 +104,7 @@ import preset from '@brightspot/ui'
 
 export default {
   presets: [preset],
-  content: ['./src/**/*.{js,ts,html}'],
+  content: ['./src/**/*.{js,ts,html,java}'],
 }
 ```
 
@@ -120,6 +120,8 @@ import '@brightspot/ui/components/badge/Badge.js'
 <btu-badge>Draft</btu-badge>
 ```
 
+On a CMS page, the CMS defines only a few of these elements itself. Import every other element your plugin uses, including ones your Java renders through the generated `com.brightspot.ui.dari` classes. [Using these in a plugin](docs/components/README.md#using-these-in-a-plugin) lists which ones the CMS defines.
+
 To browse everything available, run the interactive catalog:
 
 ```sh

package/dist/components/copy-to-clipboard/CopyToClipboard.d.ts

@@ -11,7 +11,7 @@ declare const CopyToClipboard_base: (new (...args: any[]) => import("../../util/
  * a temporary state that can be styled with CSS.
  *
  * Button styling is inherited from `btu-button-*` classes. Override appearance
- * by passing custom classes via the `buttonClasses` attribute.
+ * by passing custom classes via the `buttonclasses` attribute.
  *
  * @element btu-copy-to-clipboard
  *
@@ -36,7 +36,7 @@ export default class CopyToClipboard extends CopyToClipboard_base {
     copydata?: string;
     /**
      * Custom CSS classes for the button. If provided, replaces the default classes.
-     * @attr
+     * @attr buttonclasses
      */
     buttonClasses?: string;
     /** @internal */

package/dist/components/copy-to-clipboard/CopyToClipboard.js

@@ -18,7 +18,7 @@ import { ReadyMixin } from '../../util/ReadyMixin.js';
  * a temporary state that can be styled with CSS.
  *
  * Button styling is inherited from `btu-button-*` classes. Override appearance
- * by passing custom classes via the `buttonClasses` attribute.
+ * by passing custom classes via the `buttonclasses` attribute.
  *
  * @element btu-copy-to-clipboard
  *
@@ -84,7 +84,7 @@ __decorate([
     property({ type: String })
 ], CopyToClipboard.prototype, "copydata", void 0);
 __decorate([
-    property({ type: String })
+    property({ type: String, attribute: 'buttonclasses' })
 ], CopyToClipboard.prototype, "buttonClasses", void 0);
 // Register custom element with guard to prevent double registration
 if (!customElements.get('btu-copy-to-clipboard')) {

package/dist/components/copy-to-clipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../../src/components/copy-to-clipboard/CopyToClipboard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc,CACzD,oBAAoB,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAChE;IAqBC,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAA;QACrC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;QAErB,0CAA0C;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAA;YACtC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAC3B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAA;IAC1C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAC1B,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YACzC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACvE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QACrD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,gCAAgC,CAAA;QACjG,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,IAAI,8CAA8C,SAAS,EAAE,CAAA;QAE/F,OAAO,IAAI,CAAA;;eAEA,OAAO;oBACF,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,IAAI,OAAO;eACpD,IAAI,CAAC,IAAI;kBACN,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;;QAEpC,IAAI,CAAC,KAAK;cACJ,CAAA;IACZ,CAAC;CACF;AAhEC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACV;AAOjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACL;AA2DxB,oEAAoE;AACpE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC;IACjD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAA;AACjE,CAAC"}
+{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../../src/components/copy-to-clipboard/CopyToClipboard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc,CACzD,oBAAoB,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAChE;IAqBC,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAA;QACrC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;QAErB,0CAA0C;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAA;YACtC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAC3B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAA;IAC1C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAC1B,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YACzC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACvE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QACrD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,gCAAgC,CAAA;QACjG,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,IAAI,8CAA8C,SAAS,EAAE,CAAA;QAE/F,OAAO,IAAI,CAAA;;eAEA,OAAO;oBACF,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,IAAI,OAAO;eACpD,IAAI,CAAC,IAAI;kBACN,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;;QAEpC,IAAI,CAAC,KAAK;cACJ,CAAA;IACZ,CAAC;CACF;AAhEC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACV;AAOjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDACjC;AA2DxB,oEAAoE;AACpE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC;IACjD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAA;AACjE,CAAC"}

package/dist/components/popover/Popover.d.ts

@@ -78,7 +78,7 @@ export default class Popover extends Popover_base {
     offset: PopoverOffset | null;
     /**
      * Hide the arrow pseudo-element.
-     * @attr
+     * @attr no-arrow
      */
     noArrow: boolean;
     /**

package/dist/components/popover/Popover.js

@@ -106,7 +106,7 @@ export default class Popover extends EventEmitterMixin(ReadyMixin(LitElement)) {
         this.offset = null;
         /**
          * Hide the arrow pseudo-element.
-         * @attr
+         * @attr no-arrow
          */
         this.noArrow = false;
         /**