@nys-cui/cui-formpill 0.2.9 → 0.2.20

package/component-base/src/assets/scss/_modal.scss

@@ -0,0 +1,56 @@
+cui-modal {
+
+    .standard-modal-message {
+        padding: 2em 1.5em;
+    }
+
+    [slot="modal-footer"] {
+        
+
+        button {
+            background: var(secondary-button-background-color);
+            border-radius: var(--button-radius);
+            border: 1px solid var(--secondary-button-border-color);
+            color: var(--secondary-button-text-color);
+            margin: 0 0 0 1em;
+
+            &.confirm-control {
+                background: var(--primary-button-background-color);
+                color: var(--primary-button-text-color);
+            }
+        }
+
+    }
+
+    &::part(modal) {
+        border: 0;
+        border-radius: 5px;
+    }
+
+    &::part(modal-header) {
+        border: 1px solid #CCC;
+        padding: 1em 1em 0.5em;
+    }
+
+	&::part(modal-contents) {        
+        padding: 0;
+    }
+
+	&::part(modal-footer){
+		border-top: 1px solid #CCC;
+        padding: 1em;       
+	}
+
+	&::part(modal-close):after{
+		top:.5em;
+		right:.5em;
+		color:var(--secondary-button-text-color);
+	}
+
+    &::part(modal-title) {
+        color: var(--secondary-button-text-color);
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+
+}

package/component-base/src/assets/scss/_normalize.scss

@@ -0,0 +1,3 @@
+@use 'normalize/variables';
+@use 'normalize/vertical-rhythm';
+@use 'normalize/normalize-mixin';

package/component-base/src/assets/scss/_popovers.scss

@@ -0,0 +1,119 @@
+help-popover {
+    position: absolute;
+    max-width: 60%;
+
+    &.help-popover {
+
+        position: absolute;
+        display: flex;
+
+        .popover-contents {
+            z-index: 20;
+            background-color: #fff6cc;
+            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+            width: auto;
+            border-radius: 2px;
+            flex-direction: column;
+            justify-content: center;
+            display: block;
+            margin-top: -5px;
+            padding: 10px 20px;
+            border-radius: 5px;
+
+            .popover-body {
+                font-size: 12px;
+            }
+
+            &.show {
+                display: block;
+            }
+
+            ul {
+                list-style-type: none;
+                padding: 0;
+                margin: 0;
+            }
+
+        }
+    }
+}
+
+rpso-table-indicator-popover {
+    background: #fff6cc;
+    border: 1px solid #CCC;
+    border-radius: 5px;
+    box-shadow: rgba(0,0,0,.2) 1px 0px 5px 1px;
+    padding: 5px;
+    position: absolute;
+    font-size: 14px;
+    max-width: 60%;
+
+    .popover-contents {
+        z-index: 20;
+        background: #fff6cc;
+        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+        width: auto;
+        border-radius: 2px;
+        flex-direction: column;
+        justify-content: center;
+        display: block;
+        margin-top: -5px;
+        padding: 10px 20px;
+        border-radius: 5px;
+
+        .popover-body {
+            font-size: 12px;
+        }
+
+        &.show {
+            display: block;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+            margin: 0;
+        }
+
+    }
+}
+
+cui-notifier-popover {
+    background: #fff6cc;
+    border: 1px solid #CCC;
+    border-radius: 5px;
+    box-shadow: rgba(0,0,0,.2) 1px 0px 5px 1px;
+    padding: 5px;
+    position: absolute;
+    font-size: 14px;
+    max-width: 60%;
+
+    .popover-contents {
+        z-index: 20;
+        background: #fff6cc;
+        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+        width: auto;
+        border-radius: 2px;
+        flex-direction: column;
+        justify-content: center;
+        display: block;
+        margin-top: -5px;
+        padding: 10px 20px;
+        border-radius: 5px;
+
+        .popover-body {
+            font-size: 12px;
+        }
+
+        &.show {
+            display: block;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+            margin: 0;
+        }
+
+    }
+}

package/component-base/src/assets/scss/_quick_lookup.scss

@@ -0,0 +1,87 @@
+#quickSearch {
+
+    &::part(modal) {
+        min-width: 75vw;
+        max-width: 90vw;
+        max-height: 90vh;
+    }
+
+    &::part(modal-header) {
+        border: 0;
+        padding: 0;
+    }
+
+    cui-section {
+        margin-bottom: 0;
+        max-width: initial;
+
+        &::part(section-header) {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        &#quickSearchBody::part(root-section) {
+            overflow: auto;
+        }
+
+        div[slot="section-contents"] {
+            margin: 0;
+            position: relative;
+            padding: 1em;
+
+            .close-icon {
+                align-items: center;
+                background: rgba(0, 0, 0, 0);
+                border: 0;
+                border-radius: 32px;
+                display: flex;
+                height: 32px;
+                justify-content: center;
+                position: absolute;
+                padding: 0;
+                right: 10px;
+                margin: 0;
+                width: 32px;
+                top: -35px;
+
+                cui-icon {
+                    align-items: center;
+                    display: flex;
+                    height: 32px;
+                    justify-content: center;
+                    position: relative;
+                    width: 32px;
+
+                    svg {
+                        height: 24px;
+                        width: 24px;
+
+                        line {
+                            //fill: #a1a1a1 !important;
+                            stroke: #a1a1a1 !important;
+                        }
+
+                    }
+                }
+
+                &:hover {
+                    background: #ccc;
+                    cui-icon {
+                        svg {
+                            line {
+                                stroke: #787878 !important;
+                            }
+                        }
+                    }
+                }
+            }
+
+        }
+
+        cui-table::part(cui-inner-table-wrapper)::-webkit-scrollbar:vertical {
+            width: 30px;
+        }
+
+    }
+
+}