@genesislcap/rapid-design-system 14.451.2-FUI-2550.4 → 14.451.2-FUI-2550.8
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.
|
@@ -22217,7 +22217,7 @@
|
|
|
22217
22217
|
{
|
|
22218
22218
|
"kind": "variable",
|
|
22219
22219
|
"name": "multiselectStyles",
|
|
22220
|
-
"default": "css`\n ${foundationMultiselectStyles}\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n background-color: var(--neutral-fill-input-rest);\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 box-sizing: border-box;\n }\n\n :host(:focus-within:not([disabled])) .control {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n background-color: var(--neutral-fill-input-focus);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n background: var(--neutral-fill-input-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
|
|
22220
|
+
"default": "css`\n ${foundationMultiselectStyles}\n\n .root {\n min-width: 0;\n }\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n background-color: var(--neutral-fill-input-rest);\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 box-sizing: border-box;\n }\n\n :host(:focus-within:not([disabled])) .control {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n background-color: var(--neutral-fill-input-focus);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n background: var(--neutral-fill-input-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font), serif;\n font-size: var(--type-ramp-base-font-size);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
|
|
22221
22221
|
}
|
|
22222
22222
|
],
|
|
22223
22223
|
"exports": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDA2G7B,CAAC"}
|
|
@@ -3,6 +3,10 @@ import { css } from '@microsoft/fast-element';
|
|
|
3
3
|
export const multiselectStyles = css `
|
|
4
4
|
${foundationMultiselectStyles}
|
|
5
5
|
|
|
6
|
+
.root {
|
|
7
|
+
min-width: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
6
10
|
.control {
|
|
7
11
|
height: calc(
|
|
8
12
|
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
@@ -39,7 +43,8 @@ export const multiselectStyles = css `
|
|
|
39
43
|
#display-field {
|
|
40
44
|
min-height: unset;
|
|
41
45
|
padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);
|
|
42
|
-
font-family: var(--body-font);
|
|
46
|
+
font-family: var(--body-font), serif;
|
|
47
|
+
font-size: var(--type-ramp-base-font-size);
|
|
43
48
|
background-color: transparent;
|
|
44
49
|
}
|
|
45
50
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/rapid-design-system",
|
|
3
3
|
"description": "Rapid Design System",
|
|
4
|
-
"version": "14.451.2-FUI-2550.
|
|
4
|
+
"version": "14.451.2-FUI-2550.8",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -35,17 +35,17 @@
|
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
38
|
-
"@genesislcap/genx": "14.451.2-FUI-2550.
|
|
39
|
-
"@genesislcap/rollup-builder": "14.451.2-FUI-2550.
|
|
40
|
-
"@genesislcap/ts-builder": "14.451.2-FUI-2550.
|
|
41
|
-
"@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.
|
|
42
|
-
"@genesislcap/vite-builder": "14.451.2-FUI-2550.
|
|
43
|
-
"@genesislcap/webpack-builder": "14.451.2-FUI-2550.
|
|
38
|
+
"@genesislcap/genx": "14.451.2-FUI-2550.8",
|
|
39
|
+
"@genesislcap/rollup-builder": "14.451.2-FUI-2550.8",
|
|
40
|
+
"@genesislcap/ts-builder": "14.451.2-FUI-2550.8",
|
|
41
|
+
"@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.8",
|
|
42
|
+
"@genesislcap/vite-builder": "14.451.2-FUI-2550.8",
|
|
43
|
+
"@genesislcap/webpack-builder": "14.451.2-FUI-2550.8"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@genesislcap/foundation-logger": "14.451.2-FUI-2550.
|
|
47
|
-
"@genesislcap/foundation-ui": "14.451.2-FUI-2550.
|
|
48
|
-
"@genesislcap/foundation-utils": "14.451.2-FUI-2550.
|
|
46
|
+
"@genesislcap/foundation-logger": "14.451.2-FUI-2550.8",
|
|
47
|
+
"@genesislcap/foundation-ui": "14.451.2-FUI-2550.8",
|
|
48
|
+
"@genesislcap/foundation-utils": "14.451.2-FUI-2550.8",
|
|
49
49
|
"@microsoft/fast-colors": "5.3.1",
|
|
50
50
|
"@microsoft/fast-components": "2.30.6",
|
|
51
51
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"require": "./dist/react.cjs"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "78959e9cc5eaced8b854130de7862628d9dc7d1f"
|
|
77
77
|
}
|