@genesislcap/foundation-ui 14.386.0 → 14.386.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.
|
@@ -28994,7 +28994,7 @@
|
|
|
28994
28994
|
{
|
|
28995
28995
|
"kind": "variable",
|
|
28996
28996
|
"name": "multiselectStyles",
|
|
28997
|
-
"default": "css`\n :host {\n --scrollbar-width: 12px;\n --scrollbar-thumb-width: 8px;\n }\n\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color:
|
|
28997
|
+
"default": "css`\n :host {\n --scrollbar-width: 12px;\n --scrollbar-thumb-width: 8px;\n }\n\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: var(--neutral-foreground-rest);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background-color: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid var(--neutral-stroke-hover);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n ::-webkit-scrollbar {\n width: var(--scrollbar-width);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: var(--scrollbar-thumb-width);\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-corner {\n background: var(--neutral-layer-4);\n }\n\n .multiselect-dropdown {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow: hidden;\n margin-top: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n z-index: 999;\n }\n\n .multiselect-dropdown:not(.is-resizing) {\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n list-style: none;\n overflow-y: auto;\n height: 100%;\n }\n\n .is-resizing .checkbox-container {\n overflow-y: hidden;\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n .visible {\n visibility: visible;\n max-height: var(--custom-max-height, ${maxheight.toString()}px);\n overflow: hidden;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n\n .options-header-item-hidden {\n display: none;\n }\n\n .resize-button {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 12px;\n height: 12px;\n cursor: nw-resize;\n background: linear-gradient(\n -45deg,\n transparent 30%,\n var(--neutral-foreground-rest) 30%,\n var(--neutral-foreground-rest) 40%,\n transparent 40%,\n transparent 60%,\n var(--neutral-foreground-rest) 60%,\n var(--neutral-foreground-rest) 70%,\n transparent 70%\n );\n z-index: 1000;\n opacity: 60%;\n transition: opacity 0.2s ease;\n }\n\n .resize-button:hover {\n opacity: 100%;\n }\n\n .multiselect-dropdown.resizable {\n resize: none;\n overflow: hidden;\n }\n`"
|
|
28998
28998
|
}
|
|
28999
28999
|
],
|
|
29000
29000
|
"exports": [
|
|
@@ -24,7 +24,7 @@ export const multiselectStyles = css `
|
|
|
24
24
|
#display-field {
|
|
25
25
|
width: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
|
-
color:
|
|
27
|
+
color: var(--neutral-foreground-rest);
|
|
28
28
|
min-height: 40px;
|
|
29
29
|
padding: 0 calc(var(--design-unit) * 2.25px);
|
|
30
30
|
border-width: 0;
|
|
@@ -45,7 +45,7 @@ export const multiselectStyles = css `
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
#display-field:hover:not(:focus):not([disabled]) {
|
|
48
|
-
outline: 1px solid
|
|
48
|
+
outline: 1px solid var(--neutral-stroke-hover);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
button {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.386.
|
|
4
|
+
"version": "14.386.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -83,13 +83,13 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
-
"@genesislcap/foundation-testing": "14.386.
|
|
87
|
-
"@genesislcap/genx": "14.386.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.386.
|
|
89
|
-
"@genesislcap/ts-builder": "14.386.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.386.
|
|
91
|
-
"@genesislcap/vite-builder": "14.386.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.386.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.386.1",
|
|
87
|
+
"@genesislcap/genx": "14.386.1",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.386.1",
|
|
89
|
+
"@genesislcap/ts-builder": "14.386.1",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.386.1",
|
|
91
|
+
"@genesislcap/vite-builder": "14.386.1",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.386.1",
|
|
93
93
|
"copyfiles": "^2.4.1"
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
99
99
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
100
100
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
101
|
-
"@genesislcap/expression-builder": "14.386.
|
|
102
|
-
"@genesislcap/foundation-comms": "14.386.
|
|
103
|
-
"@genesislcap/foundation-criteria": "14.386.
|
|
104
|
-
"@genesislcap/foundation-errors": "14.386.
|
|
105
|
-
"@genesislcap/foundation-events": "14.386.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.386.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.386.
|
|
108
|
-
"@genesislcap/foundation-user": "14.386.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.386.
|
|
101
|
+
"@genesislcap/expression-builder": "14.386.1",
|
|
102
|
+
"@genesislcap/foundation-comms": "14.386.1",
|
|
103
|
+
"@genesislcap/foundation-criteria": "14.386.1",
|
|
104
|
+
"@genesislcap/foundation-errors": "14.386.1",
|
|
105
|
+
"@genesislcap/foundation-events": "14.386.1",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.386.1",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.386.1",
|
|
108
|
+
"@genesislcap/foundation-user": "14.386.1",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.386.1",
|
|
110
110
|
"@microsoft/fast-colors": "5.3.1",
|
|
111
111
|
"@microsoft/fast-components": "2.30.6",
|
|
112
112
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
},
|
|
130
130
|
"customElements": "dist/custom-elements.json",
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "64f3112ad5703fc7b72e253e30bd78cce50c4a60"
|
|
132
132
|
}
|