@genesislcap/pbc-notify-ui 14.492.0 → 14.492.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
@@ -3102,6 +3102,95 @@
3102
3102
  }
3103
3103
  ]
3104
3104
  },
3105
+ {
3106
+ "kind": "javascript-module",
3107
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3108
+ "declarations": [
3109
+ {
3110
+ "kind": "variable",
3111
+ "name": "ConditionBuilderStyles",
3112
+ "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`"
3113
+ },
3114
+ {
3115
+ "kind": "variable",
3116
+ "name": "ConditionGroupStyles",
3117
+ "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`"
3118
+ }
3119
+ ],
3120
+ "exports": [
3121
+ {
3122
+ "kind": "js",
3123
+ "name": "ConditionBuilderStyles",
3124
+ "declaration": {
3125
+ "name": "ConditionBuilderStyles",
3126
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3127
+ }
3128
+ },
3129
+ {
3130
+ "kind": "js",
3131
+ "name": "ConditionGroupStyles",
3132
+ "declaration": {
3133
+ "name": "ConditionGroupStyles",
3134
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3135
+ }
3136
+ }
3137
+ ]
3138
+ },
3139
+ {
3140
+ "kind": "javascript-module",
3141
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3142
+ "declarations": [
3143
+ {
3144
+ "kind": "variable",
3145
+ "name": "DynamicRuleManagementStyles",
3146
+ "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`"
3147
+ },
3148
+ {
3149
+ "kind": "variable",
3150
+ "name": "DynamicRuleDialogStyles",
3151
+ "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`"
3152
+ }
3153
+ ],
3154
+ "exports": [
3155
+ {
3156
+ "kind": "js",
3157
+ "name": "DynamicRuleManagementStyles",
3158
+ "declaration": {
3159
+ "name": "DynamicRuleManagementStyles",
3160
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3161
+ }
3162
+ },
3163
+ {
3164
+ "kind": "js",
3165
+ "name": "DynamicRuleDialogStyles",
3166
+ "declaration": {
3167
+ "name": "DynamicRuleDialogStyles",
3168
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3169
+ }
3170
+ }
3171
+ ]
3172
+ },
3173
+ {
3174
+ "kind": "javascript-module",
3175
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3176
+ "declarations": [
3177
+ {
3178
+ "kind": "variable",
3179
+ "name": "managementGridStyles",
3180
+ "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`"
3181
+ }
3182
+ ],
3183
+ "exports": [
3184
+ {
3185
+ "kind": "js",
3186
+ "name": "managementGridStyles",
3187
+ "declaration": {
3188
+ "name": "managementGridStyles",
3189
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3190
+ }
3191
+ }
3192
+ ]
3193
+ },
3105
3194
  {
3106
3195
  "kind": "javascript-module",
3107
3196
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -3702,95 +3791,6 @@
3702
3791
  }
3703
3792
  ]
3704
3793
  },
3705
- {
3706
- "kind": "javascript-module",
3707
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3708
- "declarations": [
3709
- {
3710
- "kind": "variable",
3711
- "name": "ConditionBuilderStyles",
3712
- "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`"
3713
- },
3714
- {
3715
- "kind": "variable",
3716
- "name": "ConditionGroupStyles",
3717
- "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`"
3718
- }
3719
- ],
3720
- "exports": [
3721
- {
3722
- "kind": "js",
3723
- "name": "ConditionBuilderStyles",
3724
- "declaration": {
3725
- "name": "ConditionBuilderStyles",
3726
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3727
- }
3728
- },
3729
- {
3730
- "kind": "js",
3731
- "name": "ConditionGroupStyles",
3732
- "declaration": {
3733
- "name": "ConditionGroupStyles",
3734
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3735
- }
3736
- }
3737
- ]
3738
- },
3739
- {
3740
- "kind": "javascript-module",
3741
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3742
- "declarations": [
3743
- {
3744
- "kind": "variable",
3745
- "name": "DynamicRuleManagementStyles",
3746
- "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`"
3747
- },
3748
- {
3749
- "kind": "variable",
3750
- "name": "DynamicRuleDialogStyles",
3751
- "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`"
3752
- }
3753
- ],
3754
- "exports": [
3755
- {
3756
- "kind": "js",
3757
- "name": "DynamicRuleManagementStyles",
3758
- "declaration": {
3759
- "name": "DynamicRuleManagementStyles",
3760
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3761
- }
3762
- },
3763
- {
3764
- "kind": "js",
3765
- "name": "DynamicRuleDialogStyles",
3766
- "declaration": {
3767
- "name": "DynamicRuleDialogStyles",
3768
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3769
- }
3770
- }
3771
- ]
3772
- },
3773
- {
3774
- "kind": "javascript-module",
3775
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3776
- "declarations": [
3777
- {
3778
- "kind": "variable",
3779
- "name": "managementGridStyles",
3780
- "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`"
3781
- }
3782
- ],
3783
- "exports": [
3784
- {
3785
- "kind": "js",
3786
- "name": "managementGridStyles",
3787
- "declaration": {
3788
- "name": "managementGridStyles",
3789
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3790
- }
3791
- }
3792
- ]
3793
- },
3794
3794
  {
3795
3795
  "kind": "javascript-module",
3796
3796
  "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": "14.492.0",
4
+ "version": "14.492.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": "14.492.0",
87
- "@genesislcap/eslint-config": "14.492.0",
88
- "@genesislcap/eslint-stylelint-builder": "14.492.0",
89
- "@genesislcap/foundation-testing": "14.492.0",
90
- "@genesislcap/genx": "14.492.0",
91
- "@genesislcap/prettier-config": "14.492.0",
92
- "@genesislcap/stylelint-config": "14.492.0",
93
- "@genesislcap/vite-builder": "14.492.0",
94
- "@genesislcap/webpack-builder": "14.492.0",
86
+ "@genesislcap/design-system-configurator": "14.492.1",
87
+ "@genesislcap/eslint-config": "14.492.1",
88
+ "@genesislcap/eslint-stylelint-builder": "14.492.1",
89
+ "@genesislcap/foundation-testing": "14.492.1",
90
+ "@genesislcap/genx": "14.492.1",
91
+ "@genesislcap/prettier-config": "14.492.1",
92
+ "@genesislcap/stylelint-config": "14.492.1",
93
+ "@genesislcap/vite-builder": "14.492.1",
94
+ "@genesislcap/webpack-builder": "14.492.1",
95
95
  "dayjs": "^1.11.7"
96
96
  },
97
97
  "dependencies": {
98
- "@genesislcap/foundation-comms": "14.492.0",
99
- "@genesislcap/foundation-criteria": "14.492.0",
100
- "@genesislcap/foundation-entity-management": "14.492.0",
101
- "@genesislcap/foundation-forms": "14.492.0",
102
- "@genesislcap/foundation-layout": "14.492.0",
103
- "@genesislcap/foundation-logger": "14.492.0",
104
- "@genesislcap/foundation-notifications": "14.492.0",
105
- "@genesislcap/foundation-ui": "14.492.0",
106
- "@genesislcap/foundation-utils": "14.492.0",
107
- "@genesislcap/rapid-design-system": "14.492.0",
108
- "@genesislcap/rapid-grid-pro": "14.492.0",
109
- "@genesislcap/web-core": "14.492.0",
98
+ "@genesislcap/foundation-comms": "14.492.1",
99
+ "@genesislcap/foundation-criteria": "14.492.1",
100
+ "@genesislcap/foundation-entity-management": "14.492.1",
101
+ "@genesislcap/foundation-forms": "14.492.1",
102
+ "@genesislcap/foundation-layout": "14.492.1",
103
+ "@genesislcap/foundation-logger": "14.492.1",
104
+ "@genesislcap/foundation-notifications": "14.492.1",
105
+ "@genesislcap/foundation-ui": "14.492.1",
106
+ "@genesislcap/foundation-utils": "14.492.1",
107
+ "@genesislcap/rapid-design-system": "14.492.1",
108
+ "@genesislcap/rapid-grid-pro": "14.492.1",
109
+ "@genesislcap/web-core": "14.492.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": "a0a04e2ee9ff67058d488f2d0e0ff12b26d3437c"
117
+ "gitHead": "f26e1aef5e771f18dc447fa95bb4f1b63915993c"
118
118
  }