@genesislcap/pbc-notify-ui 15.4.0 → 15.4.1

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,6 +3300,95 @@
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
+ },
3303
3392
  {
3304
3393
  "kind": "javascript-module",
3305
3394
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -3900,95 +3989,6 @@
3900
3989
  }
3901
3990
  ]
3902
3991
  },
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.4.0",
4
+ "version": "15.4.1",
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.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",
86
+ "@genesislcap/design-system-configurator": "15.4.1",
87
+ "@genesislcap/eslint-config": "15.4.1",
88
+ "@genesislcap/eslint-stylelint-builder": "15.4.1",
89
+ "@genesislcap/foundation-testing": "15.4.1",
90
+ "@genesislcap/genx": "15.4.1",
91
+ "@genesislcap/prettier-config": "15.4.1",
92
+ "@genesislcap/stylelint-config": "15.4.1",
93
+ "@genesislcap/vite-builder": "15.4.1",
94
+ "@genesislcap/webpack-builder": "15.4.1",
95
95
  "dayjs": "^1.11.7"
96
96
  },
97
97
  "dependencies": {
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",
98
+ "@genesislcap/foundation-comms": "15.4.1",
99
+ "@genesislcap/foundation-criteria": "15.4.1",
100
+ "@genesislcap/foundation-entity-management": "15.4.1",
101
+ "@genesislcap/foundation-forms": "15.4.1",
102
+ "@genesislcap/foundation-layout": "15.4.1",
103
+ "@genesislcap/foundation-logger": "15.4.1",
104
+ "@genesislcap/foundation-notifications": "15.4.1",
105
+ "@genesislcap/foundation-ui": "15.4.1",
106
+ "@genesislcap/foundation-utils": "15.4.1",
107
+ "@genesislcap/rapid-design-system": "15.4.1",
108
+ "@genesislcap/rapid-grid-pro": "15.4.1",
109
+ "@genesislcap/web-core": "15.4.1",
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": "2c61100a9805e799c8047a26ad6a147d1ac1af87"
117
+ "gitHead": "984a77280362d69ba3eab6256dbb7fe03b8c76b3"
118
118
  }