Skip to content

Commit fccb0a5

Browse files
castastrophecastastrophe
committed
fix(split-view,styles): use latest CSS
1 parent 2059a38 commit fccb0a5

File tree

6 files changed

+14
-84
lines changed

6 files changed

+14
-84
lines changed

‎.changeset/brave-crews-win.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
'@spectrum-web-components/link': patch
2121
'@spectrum-web-components/modal': patch
2222
'@spectrum-web-components/sidenav': patch
23+
'@spectrum-web-components/split-view': patch
2324
'@spectrum-web-components/styles': patch
2425
'@spectrum-web-components/tags': patch
2526
'@spectrum-web-components/tray': patch

‎packages/split-view/src/spectrum-split-view.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,19 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-splitview-vertical-width: 100%;
16+
--spectrum-splitview-vertical-gripper-width: 50%;
17+
--spectrum-splitview-vertical-gripper-outer-width: 100%;
18+
--spectrum-splitview-vertical-gripper-reset: 0;
19+
--spectrum-splitview-content-color: var(--spectrum-body-color);
20+
--spectrum-splitview-handle-background-color-hover: var(--spectrum-gray-400);
21+
--spectrum-splitview-handle-background-color-down: var(--spectrum-gray-800);
22+
--spectrum-splitview-handle-background-color-focus: var(--spectrum-focus-indicator-color);
23+
--spectrum-splitview-handle-width: var(--spectrum-border-width-200);
24+
--spectrum-splitview-gripper-width: var(--spectrum-border-width-400);
25+
--spectrum-splitview-gripper-height: 16px;
26+
--spectrum-splitview-gripper-border-width-horizontal: 3px;
27+
--spectrum-splitview-gripper-border-width-vertical: var(--spectrum-border-width-400);
1528
display: flex;
1629
overflow: hidden;
1730
}

‎packages/split-view/src/split-view-overrides.css

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

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15-
--spectrum-splitview-vertical-width: var(
16-
--system-split-view-vertical-width
17-
);
18-
--spectrum-splitview-vertical-gripper-width: var(
19-
--system-split-view-vertical-gripper-width
20-
);
21-
--spectrum-splitview-vertical-gripper-outer-width: var(
22-
--system-split-view-vertical-gripper-outer-width
23-
);
24-
--spectrum-splitview-vertical-gripper-reset: var(
25-
--system-split-view-vertical-gripper-reset
26-
);
2715
--spectrum-splitview-background-color: var(
2816
--system-split-view-background-color
2917
);
30-
--spectrum-splitview-content-color: var(--system-split-view-content-color);
3118
--spectrum-splitview-handle-background-color: var(
3219
--system-split-view-handle-background-color
3320
);
34-
--spectrum-splitview-handle-background-color-hover: var(
35-
--system-split-view-handle-background-color-hover
36-
);
37-
--spectrum-splitview-handle-background-color-down: var(
38-
--system-split-view-handle-background-color-down
39-
);
40-
--spectrum-splitview-handle-background-color-focus: var(
41-
--system-split-view-handle-background-color-focus
42-
);
43-
--spectrum-splitview-handle-width: var(--system-split-view-handle-width);
4421
--spectrum-splitview-gripper-border-radius: var(
4522
--system-split-view-gripper-border-radius
4623
);
47-
--spectrum-splitview-gripper-width: var(--system-split-view-gripper-width);
48-
--spectrum-splitview-gripper-height: var(
49-
--system-split-view-gripper-height
50-
);
51-
--spectrum-splitview-gripper-border-width-horizontal: var(
52-
--system-split-view-gripper-border-width-horizontal
53-
);
54-
--spectrum-splitview-gripper-border-width-vertical: var(
55-
--system-split-view-gripper-border-width-vertical
56-
);
5724
}

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

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1289,26 +1289,9 @@
12891289
--system-slider-size-xl-handle-border-radius: calc(
12901290
var(--spectrum-corner-radius-500) * 4
12911291
);
1292-
--system-split-view-vertical-width: 100%;
1293-
--system-split-view-vertical-gripper-width: 50%;
1294-
--system-split-view-vertical-gripper-outer-width: 100%;
1295-
--system-split-view-vertical-gripper-reset: 0;
12961292
--system-split-view-background-color: var(--spectrum-gray-75);
1297-
--system-split-view-content-color: var(--spectrum-body-color);
12981293
--system-split-view-handle-background-color: var(--spectrum-gray-200);
1299-
--system-split-view-handle-background-color-hover: var(--spectrum-gray-400);
1300-
--system-split-view-handle-background-color-down: var(--spectrum-gray-800);
1301-
--system-split-view-handle-background-color-focus: var(
1302-
--spectrum-focus-indicator-color
1303-
);
1304-
--system-split-view-handle-width: var(--spectrum-border-width-200);
13051294
--system-split-view-gripper-border-radius: 2px;
1306-
--system-split-view-gripper-width: var(--spectrum-border-width-400);
1307-
--system-split-view-gripper-height: 16px;
1308-
--system-split-view-gripper-border-width-horizontal: 3px;
1309-
--system-split-view-gripper-border-width-vertical: var(
1310-
--spectrum-border-width-400
1311-
);
13121295
--system-status-light-corner-radius: 50%;
13131296
--system-status-light-font-weight: 400;
13141297
--system-status-light-border-width: var(--spectrum-border-width-100);

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

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1317,26 +1317,9 @@
13171317
--system-slider-size-xl-handle-border-radius: calc(
13181318
var(--spectrum-corner-radius-200) * 4
13191319
);
1320-
--system-split-view-vertical-width: 100%;
1321-
--system-split-view-vertical-gripper-width: 50%;
1322-
--system-split-view-vertical-gripper-outer-width: 100%;
1323-
--system-split-view-vertical-gripper-reset: 0;
13241320
--system-split-view-background-color: var(--spectrum-gray-100);
1325-
--system-split-view-content-color: var(--spectrum-body-color);
13261321
--system-split-view-handle-background-color: var(--spectrum-gray-300);
1327-
--system-split-view-handle-background-color-hover: var(--spectrum-gray-400);
1328-
--system-split-view-handle-background-color-down: var(--spectrum-gray-800);
1329-
--system-split-view-handle-background-color-focus: var(
1330-
--spectrum-focus-indicator-color
1331-
);
1332-
--system-split-view-handle-width: var(--spectrum-border-width-200);
13331322
--system-split-view-gripper-border-radius: var(--spectrum-corner-radius-75);
1334-
--system-split-view-gripper-width: var(--spectrum-border-width-400);
1335-
--system-split-view-gripper-height: 16px;
1336-
--system-split-view-gripper-border-width-horizontal: 3px;
1337-
--system-split-view-gripper-border-width-vertical: var(
1338-
--spectrum-border-width-400
1339-
);
13401323
--system-status-light-corner-radius: 50%;
13411324
--system-status-light-font-weight: 400;
13421325
--system-status-light-border-width: var(--spectrum-border-width-100);

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

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1307,26 +1307,9 @@
13071307
--system-slider-size-xl-handle-border-radius: calc(
13081308
var(--spectrum-corner-radius-200) * 4
13091309
);
1310-
--system-split-view-vertical-width: 100%;
1311-
--system-split-view-vertical-gripper-width: 50%;
1312-
--system-split-view-vertical-gripper-outer-width: 100%;
1313-
--system-split-view-vertical-gripper-reset: 0;
13141310
--system-split-view-background-color: var(--spectrum-gray-100);
1315-
--system-split-view-content-color: var(--spectrum-body-color);
13161311
--system-split-view-handle-background-color: var(--spectrum-gray-300);
1317-
--system-split-view-handle-background-color-hover: var(--spectrum-gray-400);
1318-
--system-split-view-handle-background-color-down: var(--spectrum-gray-800);
1319-
--system-split-view-handle-background-color-focus: var(
1320-
--spectrum-focus-indicator-color
1321-
);
1322-
--system-split-view-handle-width: var(--spectrum-border-width-200);
13231312
--system-split-view-gripper-border-radius: var(--spectrum-corner-radius-75);
1324-
--system-split-view-gripper-width: var(--spectrum-border-width-400);
1325-
--system-split-view-gripper-height: 16px;
1326-
--system-split-view-gripper-border-width-horizontal: 3px;
1327-
--system-split-view-gripper-border-width-vertical: var(
1328-
--spectrum-border-width-400
1329-
);
13301313
--system-status-light-corner-radius: 50%;
13311314
--system-status-light-font-weight: 400;
13321315
--system-status-light-border-width: var(--spectrum-border-width-100);

0 commit comments

Comments
 (0)