@genesislcap/rapid-design-system 15.66.0 → 15.68.0
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.
- package/dist/custom-elements.json +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +4 -4
- package/dist/esm/checkbox/checkbox.styles.js +4 -4
- package/dist/esm/dropdown-menu/dropdown-menu.styles.js +2 -2
- package/dist/esm/tab/tab.styles.js +1 -1
- package/dist/esm/toast/toast.styles.js +1 -1
- package/package.json +10 -10
|
@@ -40716,7 +40716,7 @@
|
|
|
40716
40716
|
{
|
|
40717
40717
|
"kind": "variable",
|
|
40718
40718
|
"name": "rapidToastStyles",
|
|
40719
|
-
"default": "css`\n ${foundationToastStyles}\n .toast {\n background-color: ${neutralLayer1};\n border-radius: calc(var(--control-corner-radius) * 2px)
|
|
40719
|
+
"default": "css`\n ${foundationToastStyles}\n .toast {\n background-color: ${neutralLayer1};\n border-radius: calc(var(--control-corner-radius) * 2px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n }\n\n .top {\n align-items: flex-start;\n }\n\n :host {\n font-size: var(--type-ramp-base-font-size);\n font-family: var(--body-font);\n line-height: var(--type-ramp-base-line-height);\n color: var(--neutral-foreground-rest);\n }\n\n .content {\n font-size: var(--type-ramp-minus-1-font-size);\n }\n\n .date {\n margin: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 0)\n calc(var(--design-unit) * 1px);\n }\n\n .content-wrapper {\n padding: calc(var(--design-unit) * 2px);\n }\n\n .toast::after {\n background-color: var(--accent-fill-rest);\n border-radius: 0;\n height: calc(100% - calc(var(--design-unit) * 5px));\n margin: calc(var(--design-unit) * 0) calc(var(--design-unit) * 1px);\n }\n\n :host([notify='warning']) .toast::after {\n background-color: var(--warning-color);\n }\n\n :host([notify='success']) .toast::after {\n background-color: var(--success-color);\n }\n\n :host([notify='critical']) .toast::after,\n :host([notify='serious']) .toast::after,\n :host([notify='error']) .toast::after {\n background-color: var(--error-color);\n }\n`"
|
|
40720
40720
|
}
|
|
40721
40721
|
],
|
|
40722
40722
|
"exports": [
|
|
@@ -35,13 +35,13 @@ export const rapidAccordionItemStyles = (context, definition) => css `
|
|
|
35
35
|
background: var(--neutral-fill-rest);
|
|
36
36
|
fill: none;
|
|
37
37
|
stroke: none;
|
|
38
|
-
height: calc((
|
|
39
|
-
width: calc((
|
|
38
|
+
height: calc((var(--design-unit) * 4) * 1px);
|
|
39
|
+
width: calc((var(--design-unit) * 4) * 1px);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
svg:not(:root) {
|
|
43
|
-
height: calc((
|
|
44
|
-
width: calc((
|
|
43
|
+
height: calc((var(--design-unit) * 4) * 1px);
|
|
44
|
+
width: calc((var(--design-unit) * 4) * 1px);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.icon {
|
|
@@ -2,16 +2,16 @@ import { foundationCheckboxStyles } from '@genesislcap/foundation-ui';
|
|
|
2
2
|
import { css } from '@microsoft/fast-element';
|
|
3
3
|
export const rapidCheckboxStyles = (context, definition) => css `
|
|
4
4
|
${foundationCheckboxStyles(context, definition)}
|
|
5
|
-
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
6
|
-
fill: var(--neutral-foreground-rest);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
5
|
.checked-indicator {
|
|
10
6
|
fill: contrast-color(var(--accent-fill-rest));
|
|
11
7
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
|
|
12
8
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
13
9
|
}
|
|
14
10
|
|
|
11
|
+
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
12
|
+
fill: var(--neutral-foreground-rest);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
15
|
.label {
|
|
16
16
|
padding-inline-start: calc(var(--design-unit) * 2px);
|
|
17
17
|
}
|
|
@@ -4,7 +4,7 @@ export const rapidDropdownMenuStyles = (context, definition) => css `
|
|
|
4
4
|
${dropdownMenuBaseStyles('rapid', context, definition)}
|
|
5
5
|
|
|
6
6
|
.actions-menu {
|
|
7
|
-
border-radius: calc(var(--control-corner-radius) * 1px)
|
|
7
|
+
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
8
8
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
9
9
|
gap: 0;
|
|
10
10
|
margin: calc(var(--design-unit) * 1px) 0;
|
|
@@ -12,7 +12,7 @@ export const rapidDropdownMenuStyles = (context, definition) => css `
|
|
|
12
12
|
|
|
13
13
|
rapid-menu {
|
|
14
14
|
margin: 0 0 calc(var(--design-unit) * 1px) calc(var(--design-unit) * -2px);
|
|
15
|
-
border-radius: calc(var(--control-corner-radius) * 1px)
|
|
15
|
+
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
16
16
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
17
17
|
}
|
|
18
18
|
`;
|
|
@@ -4,7 +4,7 @@ export const rapidTabStyles = (context, definition) => css `
|
|
|
4
4
|
${foundationTabStyles(context, definition)}
|
|
5
5
|
:host {
|
|
6
6
|
background-color: var(--neutral-layer-2);
|
|
7
|
-
border-radius: calc(var(--control-corner-radius) * 2px)
|
|
7
|
+
border-radius: calc(var(--control-corner-radius) * 2px);
|
|
8
8
|
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
|
|
9
9
|
margin-right: calc(var(--design-unit) * 5px);
|
|
10
10
|
height: calc(
|
|
@@ -6,7 +6,7 @@ export const rapidToastStyles = css `
|
|
|
6
6
|
${foundationToastStyles}
|
|
7
7
|
.toast {
|
|
8
8
|
background-color: ${neutralLayer1};
|
|
9
|
-
border-radius: calc(var(--control-corner-radius) * 2px)
|
|
9
|
+
border-radius: calc(var(--control-corner-radius) * 2px);
|
|
10
10
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11
11
|
}
|
|
12
12
|
|
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": "15.
|
|
4
|
+
"version": "15.68.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
40
|
-
"@genesislcap/foundation-testing": "15.
|
|
41
|
-
"@genesislcap/genx": "15.
|
|
42
|
-
"@genesislcap/ts-builder": "15.
|
|
43
|
-
"@genesislcap/uvu-playwright-builder": "15.
|
|
44
|
-
"@genesislcap/vite-builder": "15.
|
|
45
|
-
"@genesislcap/webpack-builder": "15.
|
|
40
|
+
"@genesislcap/foundation-testing": "15.68.0",
|
|
41
|
+
"@genesislcap/genx": "15.68.0",
|
|
42
|
+
"@genesislcap/ts-builder": "15.68.0",
|
|
43
|
+
"@genesislcap/uvu-playwright-builder": "15.68.0",
|
|
44
|
+
"@genesislcap/vite-builder": "15.68.0",
|
|
45
|
+
"@genesislcap/webpack-builder": "15.68.0",
|
|
46
46
|
"flexlayout-react": "0.10.8"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
@@ -54,9 +54,9 @@
|
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@genesislcap/foundation-logger": "15.
|
|
58
|
-
"@genesislcap/foundation-ui": "15.
|
|
59
|
-
"@genesislcap/foundation-utils": "15.
|
|
57
|
+
"@genesislcap/foundation-logger": "15.68.0",
|
|
58
|
+
"@genesislcap/foundation-ui": "15.68.0",
|
|
59
|
+
"@genesislcap/foundation-utils": "15.68.0",
|
|
60
60
|
"@microsoft/fast-colors": "5.3.1",
|
|
61
61
|
"@microsoft/fast-components": "2.30.6",
|
|
62
62
|
"@microsoft/fast-element": "1.14.0",
|