@genesislcap/pbc-notify-ui 15.3.4 → 15.4.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 (2) hide show
  1. package/dist/custom-elements.json +89 -89
  2. package/package.json +23 -23
package/dist/custom-elements.json CHANGED
@@ -3300,95 +3300,6 @@
3300
3300
  }
3301
3301
  ]
3302
3302
  },
3303
- {
3304
- "kind": "javascript-module",
3305
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3306
- "declarations": [
3307
- {
3308
- "kind": "variable",
3309
- "name": "ConditionBuilderStyles",
3310
- "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`"
3311
- },
3312
- {
3313
- "kind": "variable",
3314
- "name": "ConditionGroupStyles",
3315
- "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`"
3316
- }
3317
- ],
3318
- "exports": [
3319
- {
3320
- "kind": "js",
3321
- "name": "ConditionBuilderStyles",
3322
- "declaration": {
3323
- "name": "ConditionBuilderStyles",
3324
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3325
- }
3326
- },
3327
- {
3328
- "kind": "js",
3329
- "name": "ConditionGroupStyles",
3330
- "declaration": {
3331
- "name": "ConditionGroupStyles",
3332
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3333
- }
3334
- }
3335
- ]
3336
- },
3337
- {
3338
- "kind": "javascript-module",
3339
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3340
- "declarations": [
3341
- {
3342
- "kind": "variable",
3343
- "name": "DynamicRuleManagementStyles",
3344
- "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`"
3345
- },
3346
- {
3347
- "kind": "variable",
3348
- "name": "DynamicRuleDialogStyles",
3349
- "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: 500px;\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 .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`"
3350
- }
3351
- ],
3352
- "exports": [
3353
- {
3354
- "kind": "js",
3355
- "name": "DynamicRuleManagementStyles",
3356
- "declaration": {
3357
- "name": "DynamicRuleManagementStyles",
3358
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3359
- }
3360
- },
3361
- {
3362
- "kind": "js",
3363
- "name": "DynamicRuleDialogStyles",
3364
- "declaration": {
3365
- "name": "DynamicRuleDialogStyles",
3366
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3367
- }
3368
- }
3369
- ]
3370
- },
3371
- {
3372
- "kind": "javascript-module",
3373
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3374
- "declarations": [
3375
- {
3376
- "kind": "variable",
3377
- "name": "managementGridStyles",
3378
- "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`"
3379
- }
3380
- ],
3381
- "exports": [
3382
- {
3383
- "kind": "js",
3384
- "name": "managementGridStyles",
3385
- "declaration": {
3386
- "name": "managementGridStyles",
3387
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3388
- }
3389
- }
3390
- ]
3391
- },
3392
3303
  {
3393
3304
  "kind": "javascript-module",
3394
3305
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -3989,6 +3900,95 @@
3989
3900
  }
3990
3901
  ]
3991
3902
  },
3903
+ {
3904
+ "kind": "javascript-module",
3905
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3906
+ "declarations": [
3907
+ {
3908
+ "kind": "variable",
3909
+ "name": "ConditionBuilderStyles",
3910
+ "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`"
3911
+ },
3912
+ {
3913
+ "kind": "variable",
3914
+ "name": "ConditionGroupStyles",
3915
+ "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`"
3916
+ }
3917
+ ],
3918
+ "exports": [
3919
+ {
3920
+ "kind": "js",
3921
+ "name": "ConditionBuilderStyles",
3922
+ "declaration": {
3923
+ "name": "ConditionBuilderStyles",
3924
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3925
+ }
3926
+ },
3927
+ {
3928
+ "kind": "js",
3929
+ "name": "ConditionGroupStyles",
3930
+ "declaration": {
3931
+ "name": "ConditionGroupStyles",
3932
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3933
+ }
3934
+ }
3935
+ ]
3936
+ },
3937
+ {
3938
+ "kind": "javascript-module",
3939
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3940
+ "declarations": [
3941
+ {
3942
+ "kind": "variable",
3943
+ "name": "DynamicRuleManagementStyles",
3944
+ "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`"
3945
+ },
3946
+ {
3947
+ "kind": "variable",
3948
+ "name": "DynamicRuleDialogStyles",
3949
+ "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: 500px;\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 .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`"
3950
+ }
3951
+ ],
3952
+ "exports": [
3953
+ {
3954
+ "kind": "js",
3955
+ "name": "DynamicRuleManagementStyles",
3956
+ "declaration": {
3957
+ "name": "DynamicRuleManagementStyles",
3958
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3959
+ }
3960
+ },
3961
+ {
3962
+ "kind": "js",
3963
+ "name": "DynamicRuleDialogStyles",
3964
+ "declaration": {
3965
+ "name": "DynamicRuleDialogStyles",
3966
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3967
+ }
3968
+ }
3969
+ ]
3970
+ },
3971
+ {
3972
+ "kind": "javascript-module",
3973
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3974
+ "declarations": [
3975
+ {
3976
+ "kind": "variable",
3977
+ "name": "managementGridStyles",
3978
+ "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`"
3979
+ }
3980
+ ],
3981
+ "exports": [
3982
+ {
3983
+ "kind": "js",
3984
+ "name": "managementGridStyles",
3985
+ "declaration": {
3986
+ "name": "managementGridStyles",
3987
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3988
+ }
3989
+ }
3990
+ ]
3991
+ },
3992
3992
  {
3993
3993
  "kind": "javascript-module",
3994
3994
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
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.3.4",
4
+ "version": "15.4.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -83,30 +83,30 @@
83
83
  "@commitlint/format": "^19.0.3",
84
84
  "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
85
85
  "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3",
86
- "@genesislcap/design-system-configurator": "15.3.4",
87
- "@genesislcap/eslint-config": "15.3.4",
88
- "@genesislcap/eslint-stylelint-builder": "15.3.4",
89
- "@genesislcap/foundation-testing": "15.3.4",
90
- "@genesislcap/genx": "15.3.4",
91
- "@genesislcap/prettier-config": "15.3.4",
92
- "@genesislcap/stylelint-config": "15.3.4",
93
- "@genesislcap/vite-builder": "15.3.4",
94
- "@genesislcap/webpack-builder": "15.3.4",
86
+ "@genesislcap/design-system-configurator": "15.4.0",
87
+ "@genesislcap/eslint-config": "15.4.0",
88
+ "@genesislcap/eslint-stylelint-builder": "15.4.0",
89
+ "@genesislcap/foundation-testing": "15.4.0",
90
+ "@genesislcap/genx": "15.4.0",
91
+ "@genesislcap/prettier-config": "15.4.0",
92
+ "@genesislcap/stylelint-config": "15.4.0",
93
+ "@genesislcap/vite-builder": "15.4.0",
94
+ "@genesislcap/webpack-builder": "15.4.0",
95
95
  "dayjs": "^1.11.7"
96
96
  },
97
97
  "dependencies": {
98
- "@genesislcap/foundation-comms": "15.3.4",
99
- "@genesislcap/foundation-criteria": "15.3.4",
100
- "@genesislcap/foundation-entity-management": "15.3.4",
101
- "@genesislcap/foundation-forms": "15.3.4",
102
- "@genesislcap/foundation-layout": "15.3.4",
103
- "@genesislcap/foundation-logger": "15.3.4",
104
- "@genesislcap/foundation-notifications": "15.3.4",
105
- "@genesislcap/foundation-ui": "15.3.4",
106
- "@genesislcap/foundation-utils": "15.3.4",
107
- "@genesislcap/rapid-design-system": "15.3.4",
108
- "@genesislcap/rapid-grid-pro": "15.3.4",
109
- "@genesislcap/web-core": "15.3.4",
98
+ "@genesislcap/foundation-comms": "15.4.0",
99
+ "@genesislcap/foundation-criteria": "15.4.0",
100
+ "@genesislcap/foundation-entity-management": "15.4.0",
101
+ "@genesislcap/foundation-forms": "15.4.0",
102
+ "@genesislcap/foundation-layout": "15.4.0",
103
+ "@genesislcap/foundation-logger": "15.4.0",
104
+ "@genesislcap/foundation-notifications": "15.4.0",
105
+ "@genesislcap/foundation-ui": "15.4.0",
106
+ "@genesislcap/foundation-utils": "15.4.0",
107
+ "@genesislcap/rapid-design-system": "15.4.0",
108
+ "@genesislcap/rapid-grid-pro": "15.4.0",
109
+ "@genesislcap/web-core": "15.4.0",
110
110
  "lodash.debounce": "^4.0.8",
111
111
  "rxjs": "^7.5.4"
112
112
  },
@@ -114,5 +114,5 @@
114
114
  "access": "public"
115
115
  },
116
116
  "customElements": "dist/custom-elements.json",
117
- "gitHead": "191a57bd28a112b5cd2b282a9c0dbb8c8b689617"
117
+ "gitHead": "2c61100a9805e799c8047a26ad6a147d1ac1af87"
118
118
  }