@genesislcap/pbc-notify-ui 15.65.1-alpha-358eaead70.0 → 15.67.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 (5) hide show
  1. package/dist/custom-elements.json +112 -112
  2. package/dist/dts/components/foundation-sounds/foundation-sounds-panel.styles.d.ts.map +1 -1
  3. package/dist/esm/components/foundation-inbox/inbox.styles.js +3 -3
  4. package/dist/esm/components/foundation-sounds/foundation-sounds-panel.styles.js +1 -3
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -505,6 +505,27 @@
505
505
  }
506
506
  ]
507
507
  },
508
+ {
509
+ "kind": "javascript-module",
510
+ "path": "src/styles/scrollbar.styles.ts",
511
+ "declarations": [
512
+ {
513
+ "kind": "variable",
514
+ "name": "scrollbarStyles",
515
+ "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
516
+ }
517
+ ],
518
+ "exports": [
519
+ {
520
+ "kind": "js",
521
+ "name": "scrollbarStyles",
522
+ "declaration": {
523
+ "name": "scrollbarStyles",
524
+ "module": "src/styles/scrollbar.styles.ts"
525
+ }
526
+ }
527
+ ]
528
+ },
508
529
  {
509
530
  "kind": "javascript-module",
510
531
  "path": "src/utils/eventDetail.ts",
@@ -826,27 +847,6 @@
826
847
  }
827
848
  ]
828
849
  },
829
- {
830
- "kind": "javascript-module",
831
- "path": "src/styles/scrollbar.styles.ts",
832
- "declarations": [
833
- {
834
- "kind": "variable",
835
- "name": "scrollbarStyles",
836
- "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
837
- }
838
- ],
839
- "exports": [
840
- {
841
- "kind": "js",
842
- "name": "scrollbarStyles",
843
- "declaration": {
844
- "name": "scrollbarStyles",
845
- "module": "src/styles/scrollbar.styles.ts"
846
- }
847
- }
848
- ]
849
- },
850
850
  {
851
851
  "kind": "javascript-module",
852
852
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -854,7 +854,7 @@
854
854
  {
855
855
  "kind": "variable",
856
856
  "name": "inboxHeader",
857
- "default": "css`\n .inbox-header {\n display: flex;\n flex: 0;\n align-items: center;\n justify-content: space-between;\n padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 3px);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-header-title {\n font-size: calc(var(--design-unit) * 4px);\n font-weight: 700;\n padding: 0;\n margin: 0 auto 0 0;\n }\n\n .inbox-header-close {\n text-align: center;\n min-width: 30px;\n height: 30px;\n }\n\n .inbox-header-close::part(control) {\n padding: 0;\n margin: 0;\n }\n\n .inbox-header-close::part(start) {\n margin-inline-end: 0;\n }\n`"
857
+ "default": "css`\n .inbox-header {\n display: flex;\n flex: 0;\n align-items: center;\n justify-content: space-between;\n padding: calc(var(--design-unit) * 3px);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-header-title {\n font-size: calc(var(--design-unit) * 4px);\n font-weight: 700;\n padding: 0;\n margin: 0 auto 0 0;\n }\n\n .inbox-header-close {\n text-align: center;\n min-width: 30px;\n height: 30px;\n }\n\n .inbox-header-close::part(control) {\n padding: 0;\n margin: 0;\n }\n\n .inbox-header-close::part(start) {\n margin-inline-end: 0;\n }\n`"
858
858
  },
859
859
  {
860
860
  "kind": "variable",
@@ -3673,7 +3673,7 @@
3673
3673
  {
3674
3674
  "kind": "variable",
3675
3675
  "name": "FoundationSoundsPanelStyles",
3676
- "default": "css`\n :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n width: 100%;\n }\n\n .sounds-controls {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n gap: 12px;\n padding: calc(var(--design-unit) * 3px);\n box-sizing: border-box;\n }\n\n .sounds-help-disclosure {\n flex: 0 0 auto;\n }\n\n .sounds-help-toggle {\n margin-inline-start: calc(var(--design-unit) * 1px);\n }\n\n .sounds-help-toggle::before {\n content: '+';\n }\n\n .sounds-help-disclosure[expanded] .sounds-help-toggle::before {\n content: '−';\n }\n\n .sounds-help {\n margin: 0;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n text-align: left;\n }\n\n .volume-row {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n gap: calc(var(--design-unit) * 2px);\n min-width: 0;\n }\n\n .volume-icon {\n flex: 0 0 auto;\n }\n\n .volume-label {\n flex: 0 0 auto;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .volume-slider {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .volume-percent {\n flex: 0 0 auto;\n min-width: 3ch;\n text-align: end;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .mute-all {\n flex: 0 0 auto;\n margin: 0;\n }\n\n .sound-rules-panel {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n }\n\n .sound-rules {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .sound-rule {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n\n /* Keep absolute listboxes from being clipped by the card itself. */\n overflow: visible;\n }\n\n .sound-rule-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: var(--type-ramp-minus-1-font-size);\n }\n\n .sound-rule-actions {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n .sound-rule-label {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .pattern-input,\n .match-mode-select,\n .rule-select,\n .sound-file-input {\n width: 100%;\n }\n\n /*\n * Anchor the listbox to the select host and use position:fixed so it escapes\n * .sound-rules-panel overflow:auto (and the rule card). Each select sets a\n * unique --sounds-select-anchor / anchor-name via inline style.\n * !important beats FAST's internal absolute top/bottom for [open] selects.\n */\n .match-mode-select[open]::part(listbox),\n .rule-select[open]::part(listbox) {\n position: fixed !important;\n /* stylelint-disable-next-line property-no-unknown -- CSS anchor positioning */\n position-anchor: var(--sounds-select-anchor);\n inset: auto !important;\n top: anchor(bottom) !important;\n left: anchor(left) !important;\n right: anchor(right) !important;\n bottom: auto !important;\n width: auto !important;\n margin-top: calc(var(--design-unit) * 1px);\n z-index: 10000;\n max-height: min(240px, 40vh);\n overflow-x: hidden;\n overflow-y: auto;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .match-mode-select[open][position='above']::part(listbox),\n .rule-select[open][position='above']::part(listbox) {\n top: auto !important;\n bottom: anchor(top) !important;\n margin-top: 0;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .sound-file-row {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .sound-file-row .sound-file-input {\n flex: 1;\n min-width: 0;\n }\n\n .choose-sound {\n cursor: pointer;\n }\n\n .sound-rules-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 0 0 auto;\n gap: 8px;\n }\n\n .rule-count {\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .file-input {\n display: none;\n }\n\n ${scrollbarStyles}\n`"
3676
+ "default": "css`\n :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n width: 100%;\n }\n\n .sounds-controls {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n gap: 12px;\n padding: calc(var(--design-unit) * 3px);\n box-sizing: border-box;\n }\n\n .sounds-help-disclosure {\n flex: 0 0 auto;\n }\n\n .sounds-help-toggle {\n margin-inline-start: calc(var(--design-unit) * 1px);\n }\n\n .sounds-help-toggle::before {\n content: '+';\n }\n\n .sounds-help-disclosure[expanded] .sounds-help-toggle::before {\n content: '−';\n }\n\n .sounds-help {\n margin: 0;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n text-align: left;\n }\n\n .volume-row {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n gap: calc(var(--design-unit) * 2px);\n min-width: 0;\n }\n\n .volume-icon {\n flex: 0 0 auto;\n }\n\n .volume-label {\n flex: 0 0 auto;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .volume-slider {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .volume-percent {\n flex: 0 0 auto;\n min-width: 3ch;\n text-align: end;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .mute-all {\n flex: 0 0 auto;\n margin: 0;\n }\n\n .sound-rules-panel {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n }\n\n .sound-rules {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .sound-rule {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n\n /* Keep absolute listboxes from being clipped by the card itself. */\n overflow: visible;\n }\n\n .sound-rule-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: var(--type-ramp-minus-1-font-size);\n }\n\n .sound-rule-actions {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n .sound-rule-label {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .pattern-input,\n .match-mode-select,\n .rule-select,\n .sound-file-input {\n width: 100%;\n }\n\n /*\n * Anchor the listbox to the select host and use position:fixed so it escapes\n * .sound-rules-panel overflow:auto (and the rule card). Each select sets a\n * unique --sounds-select-anchor / anchor-name via inline style.\n * !important beats FAST's internal absolute top/bottom for [open] selects.\n */\n .match-mode-select[open]::part(listbox),\n .rule-select[open]::part(listbox) {\n position: fixed !important;\n /* stylelint-disable-next-line property-no-unknown -- CSS anchor positioning */\n position-anchor: var(--sounds-select-anchor);\n inset: auto !important;\n top: anchor(bottom) !important;\n left: anchor(left) !important;\n right: anchor(right) !important;\n width: auto !important;\n margin-top: calc(var(--design-unit) * 1px);\n z-index: 10000;\n max-height: min(240px, 40vh);\n overflow: hidden auto;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .match-mode-select[open][position='above']::part(listbox),\n .rule-select[open][position='above']::part(listbox) {\n top: auto !important;\n bottom: anchor(top) !important;\n margin-top: 0;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .sound-file-row {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .sound-file-row .sound-file-input {\n flex: 1;\n min-width: 0;\n }\n\n .choose-sound {\n cursor: pointer;\n }\n\n .sound-rules-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 0 0 auto;\n gap: 8px;\n }\n\n .rule-count {\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .file-input {\n display: none;\n }\n\n ${scrollbarStyles}\n`"
3677
3677
  }
3678
3678
  ],
3679
3679
  "exports": [
@@ -5207,95 +5207,6 @@
5207
5207
  }
5208
5208
  ]
5209
5209
  },
5210
- {
5211
- "kind": "javascript-module",
5212
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5213
- "declarations": [
5214
- {
5215
- "kind": "variable",
5216
- "name": "ConditionBuilderStyles",
5217
- "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
5218
- },
5219
- {
5220
- "kind": "variable",
5221
- "name": "ConditionGroupStyles",
5222
- "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
5223
- }
5224
- ],
5225
- "exports": [
5226
- {
5227
- "kind": "js",
5228
- "name": "ConditionBuilderStyles",
5229
- "declaration": {
5230
- "name": "ConditionBuilderStyles",
5231
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5232
- }
5233
- },
5234
- {
5235
- "kind": "js",
5236
- "name": "ConditionGroupStyles",
5237
- "declaration": {
5238
- "name": "ConditionGroupStyles",
5239
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5240
- }
5241
- }
5242
- ]
5243
- },
5244
- {
5245
- "kind": "javascript-module",
5246
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5247
- "declarations": [
5248
- {
5249
- "kind": "variable",
5250
- "name": "DynamicRuleManagementStyles",
5251
- "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
5252
- },
5253
- {
5254
- "kind": "variable",
5255
- "name": "DynamicRuleDialogStyles",
5256
- "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
5257
- }
5258
- ],
5259
- "exports": [
5260
- {
5261
- "kind": "js",
5262
- "name": "DynamicRuleManagementStyles",
5263
- "declaration": {
5264
- "name": "DynamicRuleManagementStyles",
5265
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5266
- }
5267
- },
5268
- {
5269
- "kind": "js",
5270
- "name": "DynamicRuleDialogStyles",
5271
- "declaration": {
5272
- "name": "DynamicRuleDialogStyles",
5273
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5274
- }
5275
- }
5276
- ]
5277
- },
5278
- {
5279
- "kind": "javascript-module",
5280
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5281
- "declarations": [
5282
- {
5283
- "kind": "variable",
5284
- "name": "managementGridStyles",
5285
- "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
5286
- }
5287
- ],
5288
- "exports": [
5289
- {
5290
- "kind": "js",
5291
- "name": "managementGridStyles",
5292
- "declaration": {
5293
- "name": "managementGridStyles",
5294
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5295
- }
5296
- }
5297
- ]
5298
- },
5299
5210
  {
5300
5211
  "kind": "javascript-module",
5301
5212
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5896,6 +5807,95 @@
5896
5807
  }
5897
5808
  ]
5898
5809
  },
5810
+ {
5811
+ "kind": "javascript-module",
5812
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5813
+ "declarations": [
5814
+ {
5815
+ "kind": "variable",
5816
+ "name": "ConditionBuilderStyles",
5817
+ "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
5818
+ },
5819
+ {
5820
+ "kind": "variable",
5821
+ "name": "ConditionGroupStyles",
5822
+ "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
5823
+ }
5824
+ ],
5825
+ "exports": [
5826
+ {
5827
+ "kind": "js",
5828
+ "name": "ConditionBuilderStyles",
5829
+ "declaration": {
5830
+ "name": "ConditionBuilderStyles",
5831
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5832
+ }
5833
+ },
5834
+ {
5835
+ "kind": "js",
5836
+ "name": "ConditionGroupStyles",
5837
+ "declaration": {
5838
+ "name": "ConditionGroupStyles",
5839
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5840
+ }
5841
+ }
5842
+ ]
5843
+ },
5844
+ {
5845
+ "kind": "javascript-module",
5846
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5847
+ "declarations": [
5848
+ {
5849
+ "kind": "variable",
5850
+ "name": "DynamicRuleManagementStyles",
5851
+ "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
5852
+ },
5853
+ {
5854
+ "kind": "variable",
5855
+ "name": "DynamicRuleDialogStyles",
5856
+ "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
5857
+ }
5858
+ ],
5859
+ "exports": [
5860
+ {
5861
+ "kind": "js",
5862
+ "name": "DynamicRuleManagementStyles",
5863
+ "declaration": {
5864
+ "name": "DynamicRuleManagementStyles",
5865
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5866
+ }
5867
+ },
5868
+ {
5869
+ "kind": "js",
5870
+ "name": "DynamicRuleDialogStyles",
5871
+ "declaration": {
5872
+ "name": "DynamicRuleDialogStyles",
5873
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5874
+ }
5875
+ }
5876
+ ]
5877
+ },
5878
+ {
5879
+ "kind": "javascript-module",
5880
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5881
+ "declarations": [
5882
+ {
5883
+ "kind": "variable",
5884
+ "name": "managementGridStyles",
5885
+ "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
5886
+ }
5887
+ ],
5888
+ "exports": [
5889
+ {
5890
+ "kind": "js",
5891
+ "name": "managementGridStyles",
5892
+ "declaration": {
5893
+ "name": "managementGridStyles",
5894
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5895
+ }
5896
+ }
5897
+ ]
5898
+ },
5899
5899
  {
5900
5900
  "kind": "javascript-module",
5901
5901
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
package/dist/dts/components/foundation-sounds/foundation-sounds-panel.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"foundation-sounds-panel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-sounds/foundation-sounds-panel.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,iDAqMvC,CAAC"}
1
+ {"version":3,"file":"foundation-sounds-panel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-sounds/foundation-sounds-panel.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,iDAmMvC,CAAC"}
package/dist/esm/components/foundation-inbox/inbox.styles.js CHANGED
@@ -25,7 +25,7 @@ const search = css `
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  flex: 0;
28
- padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 3px);
28
+ padding: calc(var(--design-unit) * 3px);
29
29
  border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
30
30
  gap: calc(var(--design-unit) * 2px);
31
31
 
@@ -77,7 +77,7 @@ const search = css `
77
77
  --base-height-multiplier: 8;
78
78
 
79
79
  display: flex;
80
- gap: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px);
80
+ gap: calc(var(--design-unit) * 2px);
81
81
  align-items: center;
82
82
 
83
83
  label {
@@ -157,7 +157,7 @@ export const inboxHeader = css `
157
157
  flex: 0;
158
158
  align-items: center;
159
159
  justify-content: space-between;
160
- padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 3px);
160
+ padding: calc(var(--design-unit) * 3px);
161
161
  border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
162
162
  }
163
163
 
package/dist/esm/components/foundation-sounds/foundation-sounds-panel.styles.js CHANGED
@@ -146,13 +146,11 @@ export const FoundationSoundsPanelStyles = css `
146
146
  top: anchor(bottom) !important;
147
147
  left: anchor(left) !important;
148
148
  right: anchor(right) !important;
149
- bottom: auto !important;
150
149
  width: auto !important;
151
150
  margin-top: calc(var(--design-unit) * 1px);
152
151
  z-index: 10000;
153
152
  max-height: min(240px, 40vh);
154
- overflow-x: hidden;
155
- overflow-y: auto;
153
+ overflow: hidden auto;
156
154
  box-shadow: 0 4px 16px rgb(0 0 0 / 24%);
157
155
  }
158
156
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "15.65.1-alpha-358eaead70.0",
4
+ "version": "15.67.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -80,30 +80,30 @@
80
80
  "@commitlint/cli": "^19.2.1",
81
81
  "@commitlint/config-conventional": "^19.1.0",
82
82
  "@commitlint/format": "^19.0.3",
83
- "@genesislcap/design-system-configurator": "15.65.1-alpha-358eaead70.0",
84
- "@genesislcap/eslint-config": "15.65.1-alpha-358eaead70.0",
85
- "@genesislcap/eslint-stylelint-builder": "15.65.1-alpha-358eaead70.0",
86
- "@genesislcap/foundation-testing": "15.65.1-alpha-358eaead70.0",
87
- "@genesislcap/genx": "15.65.1-alpha-358eaead70.0",
88
- "@genesislcap/prettier-config": "15.65.1-alpha-358eaead70.0",
89
- "@genesislcap/stylelint-config": "15.65.1-alpha-358eaead70.0",
90
- "@genesislcap/vite-builder": "15.65.1-alpha-358eaead70.0",
91
- "@genesislcap/webpack-builder": "15.65.1-alpha-358eaead70.0",
83
+ "@genesislcap/design-system-configurator": "15.67.0",
84
+ "@genesislcap/eslint-config": "15.67.0",
85
+ "@genesislcap/eslint-stylelint-builder": "15.67.0",
86
+ "@genesislcap/foundation-testing": "15.67.0",
87
+ "@genesislcap/genx": "15.67.0",
88
+ "@genesislcap/prettier-config": "15.67.0",
89
+ "@genesislcap/stylelint-config": "15.67.0",
90
+ "@genesislcap/vite-builder": "15.67.0",
91
+ "@genesislcap/webpack-builder": "15.67.0",
92
92
  "dayjs": "^1.11.7"
93
93
  },
94
94
  "dependencies": {
95
- "@genesislcap/foundation-comms": "15.65.1-alpha-358eaead70.0",
96
- "@genesislcap/foundation-criteria": "15.65.1-alpha-358eaead70.0",
97
- "@genesislcap/foundation-entity-management": "15.65.1-alpha-358eaead70.0",
98
- "@genesislcap/foundation-forms": "15.65.1-alpha-358eaead70.0",
99
- "@genesislcap/foundation-layout": "15.65.1-alpha-358eaead70.0",
100
- "@genesislcap/foundation-logger": "15.65.1-alpha-358eaead70.0",
101
- "@genesislcap/foundation-notifications": "15.65.1-alpha-358eaead70.0",
102
- "@genesislcap/foundation-ui": "15.65.1-alpha-358eaead70.0",
103
- "@genesislcap/foundation-utils": "15.65.1-alpha-358eaead70.0",
104
- "@genesislcap/rapid-design-system": "15.65.1-alpha-358eaead70.0",
105
- "@genesislcap/rapid-grid-pro": "15.65.1-alpha-358eaead70.0",
106
- "@genesislcap/web-core": "15.65.1-alpha-358eaead70.0",
95
+ "@genesislcap/foundation-comms": "15.67.0",
96
+ "@genesislcap/foundation-criteria": "15.67.0",
97
+ "@genesislcap/foundation-entity-management": "15.67.0",
98
+ "@genesislcap/foundation-forms": "15.67.0",
99
+ "@genesislcap/foundation-layout": "15.67.0",
100
+ "@genesislcap/foundation-logger": "15.67.0",
101
+ "@genesislcap/foundation-notifications": "15.67.0",
102
+ "@genesislcap/foundation-ui": "15.67.0",
103
+ "@genesislcap/foundation-utils": "15.67.0",
104
+ "@genesislcap/rapid-design-system": "15.67.0",
105
+ "@genesislcap/rapid-grid-pro": "15.67.0",
106
+ "@genesislcap/web-core": "15.67.0",
107
107
  "lodash.debounce": "^4.0.8",
108
108
  "rxjs": "^7.5.4"
109
109
  },