Skip to content

Commit 18f28bb

Browse files
renovate[bot]castastrophe
authored andcommitted
chore: update dependency @spectrum-css/dialog to v11.0.1
1 parent 02af616 commit 18f28bb

File tree

7 files changed

+38
-194
lines changed

7 files changed

+38
-194
lines changed

packages/dialog/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
"@spectrum-web-components/underlay": "1.5.0"
9292
},
9393
"devDependencies": {
94-
"@spectrum-css/dialog": "11.0.0-s2-foundations.15"
94+
"@spectrum-css/dialog": "11.0.1"
9595
},
9696
"types": "./src/index.d.ts",
9797
"customElements": "custom-elements.json",

packages/dialog/src/dialog-overrides.css

Lines changed: 0 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -11,61 +11,3 @@ governing permissions and limitations under the License.
1111
*/
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
14-
:host {
15-
--spectrum-dialog-fullscreen-header-text-size: var(
16-
--system-dialog-fullscreen-header-text-size
17-
);
18-
--spectrum-dialog-min-inline-size: var(--system-dialog-min-inline-size);
19-
--spectrum-dialog-confirm-small-width: var(
20-
--system-dialog-confirm-small-width
21-
);
22-
--spectrum-dialog-confirm-medium-width: var(
23-
--system-dialog-confirm-medium-width
24-
);
25-
--spectrum-dialog-confirm-large-width: var(
26-
--system-dialog-confirm-large-width
27-
);
28-
--spectrum-dialog-confirm-divider-block-spacing-start: var(
29-
--system-dialog-confirm-divider-block-spacing-start
30-
);
31-
--spectrum-dialog-confirm-divider-block-spacing-end: var(
32-
--system-dialog-confirm-divider-block-spacing-end
33-
);
34-
--spectrum-dialog-confirm-description-text-color: var(
35-
--system-dialog-confirm-description-text-color
36-
);
37-
--spectrum-dialog-confirm-title-text-color: var(
38-
--system-dialog-confirm-title-text-color
39-
);
40-
--spectrum-dialog-confirm-description-text-line-height: var(
41-
--system-dialog-confirm-description-text-line-height
42-
);
43-
--spectrum-dialog-confirm-title-text-line-height: var(
44-
--system-dialog-confirm-title-text-line-height
45-
);
46-
--spectrum-dialog-heading-font-weight: var(
47-
--system-dialog-heading-font-weight
48-
);
49-
--spectrum-dialog-confirm-description-padding: var(
50-
--system-dialog-confirm-description-padding
51-
);
52-
--spectrum-dialog-confirm-description-margin: var(
53-
--system-dialog-confirm-description-margin
54-
);
55-
--spectrum-dialog-confirm-footer-padding-top: var(
56-
--system-dialog-confirm-footer-padding-top
57-
);
58-
--spectrum-dialog-confirm-gap-size: var(--system-dialog-confirm-gap-size);
59-
--spectrum-dialog-confirm-buttongroup-padding-top: var(
60-
--system-dialog-confirm-buttongroup-padding-top
61-
);
62-
--spectrum-dialog-confirm-close-button-size: var(
63-
--system-dialog-confirm-close-button-size
64-
);
65-
--spectrum-dialog-confirm-close-button-padding: var(
66-
--system-dialog-confirm-close-button-padding
67-
);
68-
--spectrum-dialog-confirm-divider-height: var(
69-
--system-dialog-confirm-divider-height
70-
);
71-
}

packages/dialog/src/spectrum-dialog.css

Lines changed: 31 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,24 +12,46 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-dialog-fullscreen-header-text-size: 28px;
16+
--spectrum-dialog-min-inline-size: 288px;
17+
--spectrum-dialog-confirm-small-width: 400px;
18+
--spectrum-dialog-confirm-medium-width: 480px;
19+
--spectrum-dialog-confirm-large-width: 640px;
20+
--spectrum-dialog-confirm-divider-block-spacing-start: var(--spectrum-spacing-300);
21+
--spectrum-dialog-confirm-divider-block-spacing-end: var(--spectrum-spacing-200);
22+
--spectrum-dialog-confirm-description-text-color: var(--spectrum-gray-800);
23+
--spectrum-dialog-confirm-title-text-color: var(--spectrum-gray-900);
24+
--spectrum-dialog-confirm-description-text-line-height: var(--spectrum-line-height-100);
25+
--spectrum-dialog-confirm-title-text-line-height: var(--spectrum-line-height-100);
26+
--spectrum-dialog-heading-font-weight: var(--spectrum-heading-sans-serif-font-weight);
27+
--spectrum-dialog-confirm-description-padding: var(--spectrum-spacing-50);
28+
--spectrum-dialog-confirm-description-margin: calc(var(--spectrum-spacing-50) * -1);
29+
--spectrum-dialog-confirm-footer-padding-top: var(--spectrum-spacing-600);
30+
--spectrum-dialog-confirm-gap-size: var(--spectrum-component-pill-edge-to-text-100);
31+
--spectrum-dialog-confirm-buttongroup-padding-top: var(--spectrum-spacing-600);
32+
--spectrum-dialog-confirm-close-button-size: var(--spectrum-component-height-100);
33+
--spectrum-dialog-confirm-close-button-padding: calc(26px - var(--spectrum-component-bottom-to-text-300));
34+
--spectrum-dialog-confirm-divider-height: var(--spectrum-spacing-50);
35+
}
36+
37+
:host,
38+
:host([size='m']) {
1539
box-sizing: border-box;
16-
inline-size: fit-content;
40+
inline-size: var(--mod-dialog-confirm-medium-width, var(--spectrum-dialog-confirm-medium-width));
1741
min-inline-size: var(--mod-dialog-min-inline-size, var(--spectrum-dialog-min-inline-size));
1842
max-inline-size: 100%;
1943
max-block-size: inherit;
2044
outline: none;
2145
display: flex;
2246
}
2347

48+
.spectrum-Dialog--sizeS,
2449
:host([size='s']) {
2550
inline-size: var(--mod-dialog-confirm-small-width, var(--spectrum-dialog-confirm-small-width));
2651
}
2752

28-
:host([size='m']) {
29-
inline-size: var(--mod-dialog-confirm-medium-width, var(--spectrum-dialog-confirm-medium-width));
30-
}
31-
32-
:host([size='l']) {
53+
:host([size='l']),
54+
.spectrum-Dialog--sizeL {
3355
inline-size: var(--mod-dialog-confirm-large-width, var(--spectrum-dialog-confirm-large-width));
3456
}
3557

@@ -45,6 +67,8 @@ governing permissions and limitations under the License.
4567

4668
.grid {
4769
grid-template-columns: var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto 1fr auto minmax(0, auto) var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
70+
grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
71+
inline-size: 100%;
4872
grid-template-areas:
4973
'hero hero hero hero hero hero'
5074
'. . . . . .'
@@ -53,8 +77,6 @@ governing permissions and limitations under the License.
5377
'. content content content content .'
5478
'. footer footer buttonGroup buttonGroup .'
5579
'. . . . . .';
56-
grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
57-
inline-size: 100%;
5880
display: grid;
5981
}
6082

@@ -143,6 +165,7 @@ governing permissions and limitations under the License.
143165

144166
:host([dismissable]) .grid {
145167
grid-template-columns: var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto 1fr auto minmax(0, auto) minmax(0, var(--mod-dialog-confirm-close-button-size, var(--spectrum-dialog-confirm-close-button-size))) var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
168+
grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
146169
grid-template-areas:
147170
'hero hero hero hero hero hero hero'
148171
'. . . . . closeButton closeButton'
@@ -151,7 +174,6 @@ governing permissions and limitations under the License.
151174
'. content content content content content .'
152175
'. footer footer buttonGroup buttonGroup buttonGroup .'
153176
'. . . . . . .';
154-
grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
155177
}
156178

157179
:host([dismissable]) .grid .button-group {

tools/styles/tokens-v2/system-theme-bridge.css

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -633,46 +633,6 @@
633633
--system-combobox-border-color-disabled: var(
634634
--spectrum-disabled-border-color
635635
);
636-
--system-dialog-fullscreen-header-text-size: 28px;
637-
--system-dialog-min-inline-size: 288px;
638-
--system-dialog-confirm-small-width: 400px;
639-
--system-dialog-confirm-medium-width: 480px;
640-
--system-dialog-confirm-large-width: 640px;
641-
--system-dialog-confirm-divider-block-spacing-start: var(
642-
--spectrum-spacing-300
643-
);
644-
--system-dialog-confirm-divider-block-spacing-end: var(
645-
--spectrum-spacing-200
646-
);
647-
--system-dialog-confirm-description-text-color: var(--spectrum-gray-800);
648-
--system-dialog-confirm-title-text-color: var(--spectrum-gray-900);
649-
--system-dialog-confirm-description-text-line-height: var(
650-
--spectrum-line-height-100
651-
);
652-
--system-dialog-confirm-title-text-line-height: var(
653-
--spectrum-line-height-100
654-
);
655-
--system-dialog-heading-font-weight: var(
656-
--spectrum-heading-sans-serif-font-weight
657-
);
658-
--system-dialog-confirm-description-padding: var(--spectrum-spacing-50);
659-
--system-dialog-confirm-description-margin: calc(
660-
var(--spectrum-spacing-50) * -1
661-
);
662-
--system-dialog-confirm-footer-padding-top: var(--spectrum-spacing-600);
663-
--system-dialog-confirm-gap-size: var(
664-
--spectrum-component-pill-edge-to-text-100
665-
);
666-
--system-dialog-confirm-buttongroup-padding-top: var(
667-
--spectrum-spacing-600
668-
);
669-
--system-dialog-confirm-close-button-size: var(
670-
--spectrum-component-height-100
671-
);
672-
--system-dialog-confirm-close-button-padding: calc(
673-
26px - var(--spectrum-component-bottom-to-text-300)
674-
);
675-
--system-dialog-confirm-divider-height: var(--spectrum-spacing-50);
676636
--system-divider-background-color: var(--spectrum-gray-200);
677637
--system-divider-background-color-static-white: var(
678638
--spectrum-transparent-white-200

tools/styles/tokens/express/system-theme-bridge.css

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -640,46 +640,6 @@
640640
--spectrum-disabled-background-color
641641
);
642642
--system-combobox-border-color-disabled: transparent;
643-
--system-dialog-fullscreen-header-text-size: 28px;
644-
--system-dialog-min-inline-size: 288px;
645-
--system-dialog-confirm-small-width: 400px;
646-
--system-dialog-confirm-medium-width: 480px;
647-
--system-dialog-confirm-large-width: 640px;
648-
--system-dialog-confirm-divider-block-spacing-start: var(
649-
--spectrum-spacing-300
650-
);
651-
--system-dialog-confirm-divider-block-spacing-end: var(
652-
--spectrum-spacing-200
653-
);
654-
--system-dialog-confirm-description-text-color: var(--spectrum-gray-800);
655-
--system-dialog-confirm-title-text-color: var(--spectrum-gray-900);
656-
--system-dialog-confirm-description-text-line-height: var(
657-
--spectrum-line-height-100
658-
);
659-
--system-dialog-confirm-title-text-line-height: var(
660-
--spectrum-line-height-100
661-
);
662-
--system-dialog-heading-font-weight: var(
663-
--spectrum-heading-sans-serif-font-weight
664-
);
665-
--system-dialog-confirm-description-padding: var(--spectrum-spacing-50);
666-
--system-dialog-confirm-description-margin: calc(
667-
var(--spectrum-spacing-50) * -1
668-
);
669-
--system-dialog-confirm-footer-padding-top: var(--spectrum-spacing-600);
670-
--system-dialog-confirm-gap-size: var(
671-
--spectrum-component-pill-edge-to-text-100
672-
);
673-
--system-dialog-confirm-buttongroup-padding-top: var(
674-
--spectrum-spacing-600
675-
);
676-
--system-dialog-confirm-close-button-size: var(
677-
--spectrum-component-height-100
678-
);
679-
--system-dialog-confirm-close-button-padding: calc(
680-
26px - var(--spectrum-component-bottom-to-text-300)
681-
);
682-
--system-dialog-confirm-divider-height: var(--spectrum-spacing-50);
683643
--system-divider-background-color: var(--spectrum-gray-300);
684644
--system-divider-background-color-static-white: var(
685645
--spectrum-transparent-white-300

tools/styles/tokens/spectrum/system-theme-bridge.css

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -646,46 +646,6 @@
646646
--spectrum-disabled-background-color
647647
);
648648
--system-combobox-border-color-disabled: transparent;
649-
--system-dialog-fullscreen-header-text-size: 28px;
650-
--system-dialog-min-inline-size: 288px;
651-
--system-dialog-confirm-small-width: 400px;
652-
--system-dialog-confirm-medium-width: 480px;
653-
--system-dialog-confirm-large-width: 640px;
654-
--system-dialog-confirm-divider-block-spacing-start: var(
655-
--spectrum-spacing-300
656-
);
657-
--system-dialog-confirm-divider-block-spacing-end: var(
658-
--spectrum-spacing-200
659-
);
660-
--system-dialog-confirm-description-text-color: var(--spectrum-gray-800);
661-
--system-dialog-confirm-title-text-color: var(--spectrum-gray-900);
662-
--system-dialog-confirm-description-text-line-height: var(
663-
--spectrum-line-height-100
664-
);
665-
--system-dialog-confirm-title-text-line-height: var(
666-
--spectrum-line-height-100
667-
);
668-
--system-dialog-heading-font-weight: var(
669-
--spectrum-heading-sans-serif-font-weight
670-
);
671-
--system-dialog-confirm-description-padding: var(--spectrum-spacing-50);
672-
--system-dialog-confirm-description-margin: calc(
673-
var(--spectrum-spacing-50) * -1
674-
);
675-
--system-dialog-confirm-footer-padding-top: var(--spectrum-spacing-600);
676-
--system-dialog-confirm-gap-size: var(
677-
--spectrum-component-pill-edge-to-text-100
678-
);
679-
--system-dialog-confirm-buttongroup-padding-top: var(
680-
--spectrum-spacing-600
681-
);
682-
--system-dialog-confirm-close-button-size: var(
683-
--spectrum-component-height-100
684-
);
685-
--system-dialog-confirm-close-button-padding: calc(
686-
26px - var(--spectrum-component-bottom-to-text-300)
687-
);
688-
--system-dialog-confirm-divider-height: var(--spectrum-spacing-50);
689649
--system-divider-background-color: var(--spectrum-gray-300);
690650
--system-divider-background-color-static-white: var(
691651
--spectrum-transparent-white-300

yarn.lock

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7238,14 +7238,14 @@ __metadata:
72387238
languageName: node
72397239
linkType: hard
72407240

7241-
"@spectrum-css/dialog@npm:11.0.0-s2-foundations.15":
7242-
version: 11.0.0-s2-foundations.15
7243-
resolution: "@spectrum-css/dialog@npm:11.0.0-s2-foundations.15"
7241+
"@spectrum-css/dialog@npm:11.0.1":
7242+
version: 11.0.1
7243+
resolution: "@spectrum-css/dialog@npm:11.0.1"
72447244
peerDependencies:
72457245
"@spectrum-css/closebutton": ">=5"
72467246
"@spectrum-css/divider": ">=3"
72477247
"@spectrum-css/modal": ">=5"
7248-
"@spectrum-css/tokens": ">=14"
7248+
"@spectrum-css/tokens": ">=14 || >=15"
72497249
"@spectrum-css/underlay": ">=4"
72507250
peerDependenciesMeta:
72517251
"@spectrum-css/divider":
@@ -7254,7 +7254,7 @@ __metadata:
72547254
optional: true
72557255
"@spectrum-css/underlay":
72567256
optional: true
7257-
checksum: 10c0/0911458424815f49f08a1c47aa10fb06fbfbdd4ccce9578039730f9f50aae1714997ab0d653ccc58bb6a11f8e776b4ccdb677b22627adb4b43682ac8abe39a91
7257+
checksum: 10c0/bc164c8a5c5343f647446c1833aaa77470fbb2dde8b375a051570690632dc727b7e3f3a19ea12ceffb42c7ef7d04be1ec74b02d9e80e25ea356161344c0c4fdb
72587258
languageName: node
72597259
linkType: hard
72607260

@@ -8386,7 +8386,7 @@ __metadata:
83868386
version: 0.0.0-use.local
83878387
resolution: "@spectrum-web-components/dialog@workspace:packages/dialog"
83888388
dependencies:
8389-
"@spectrum-css/dialog": "npm:11.0.0-s2-foundations.15"
8389+
"@spectrum-css/dialog": "npm:11.0.1"
83908390
"@spectrum-web-components/alert-dialog": "npm:1.5.0"
83918391
"@spectrum-web-components/base": "npm:1.5.0"
83928392
"@spectrum-web-components/button": "npm:1.5.0"

0 commit comments

Comments
 (0)