@spectrum-web-components/split-view - npm Package Compare versions

Comparing version 0.5.7 to 0.5.8

package.json

 {
     "name": "@spectrum-web-components/split-view",
-    "version": "0.5.7",
+    "version": "0.5.8",
     "publishConfig": {
@@ -75,3 +75,3 @@ "access": "public"
     ],
-    "gitHead": "007a762c0257af4cd74e3781d877a8a8343acfd0"
+    "gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
 }

src/spectrum-config.js

@@ -0,3 +1,4 @@
+// @ts-check
 /*
-Copyright 2020 Adobe. All rights reserved.
+Copyright 2023 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -13,41 +14,72 @@ you may not use this file except in compliance with the License. You may obtain a copy
 
-const config = {
-    spectrum: 'splitview',
-    components: [
+import {
+    builder,
+    converterFor,
+} from '../../../tasks/process-spectrum-utils.js';
+
+const converter = converterFor('spectrum-SplitView');
+
+/**
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
+ */
+export default {
+    conversions: [
         {
-            name: 'split-view',
-            host: {
-                selector: '.spectrum-SplitView',
-            },
-            attributes: [
+            inPackage: '@spectrum-css/splitview',
+            outPackage: 'split-view',
+            fileName: 'split-view',
+            hoistCustomPropertiesFrom: 'spectrum-SplitView',
+            components: [
+                converter.classToHost('spectrum-SplitView'),
+                converter.classToAttribute('spectrum-SplitView--vertical'),
+                converter.classToId('spectrum-SplitView-splitter'),
+                converter.classToId('spectrum-SplitView-gripper'),
+                converter.classToSlotted('spectrum-SplitView-pane'),
                 {
-                    type: 'boolean',
-                    selector: '.is-draggable',
-                    name: 'resizable',
+                    find: [
+                        builder.class('spectrum-SplitView-splitter'),
+                        builder.class('focus-ring'),
+                    ],
+                    replace: [
+                        { replace: builder.id('splitter') },
+                        {
+                            replace: builder.pseudoClass('focus-visible'),
+                            hoist: false,
+                        },
+                    ],
                 },
                 {
-                    type: 'boolean',
-                    selector: '.spectrum-SplitView--vertical',
-                    name: 'vertical',
+                    find: [
+                        builder.class('spectrum-SplitView-splitter'),
+                        builder.class('is-draggable'),
+                    ],
+                    replace: [
+                        { replace: builder.id('splitter') },
+                        {
+                            replace: builder.attribute('resizable'),
+                            hoist: true,
+                        },
+                    ],
                 },
-            ],
-            ids: [
                 {
-                    selector: '.spectrum-SplitView-splitter',
-                    name: 'splitter',
+                    find: [
+                        builder.class('spectrum-SplitView-splitter'),
+                        builder.class('is-draggable'),
+                        builder.class('focus-ring'),
+                    ],
+                    replace: [
+                        { replace: builder.id('splitter') },
+                        {
+                            replace: builder.attribute('resizable'),
+                            hoist: true,
+                        },
+                        {
+                            replace: builder.pseudoClass('focus-visible'),
+                            hoist: false,
+                        },
+                    ],
                 },
-                {
-                    selector: '.spectrum-SplitView-gripper',
-                    name: 'gripper',
-                },
             ],
-            slots: [
-                {
-                    selector: '.spectrum-SplitView-pane',
-                },
-            ],
         },
     ],
 };
-
-export default config;

src/spectrum-split-view.css.dev.js

@@ -32,7 +32,3 @@ "use strict";
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
+)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper,:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
 --spectrum-dragbar-gripper-width,var(--spectrum-global-dimension-static-size-50)
@@ -49,13 +45,3 @@ );top:calc((var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-);width:var(
---spectrum-splitview-vertical-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
+);width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(--spectrum-splitview-vertical-gripper-reset)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
@@ -65,5 +51,3 @@ );top:calc(var(--spectrum-splitview-vertical-gripper-width) - var(
 var(--spectrum-global-dimension-static-size-25)
-)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
+)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
 --spectrum-panel-s-background-color,var(--spectrum-alias-toolbar-background-color)
@@ -70,0 +54,0 @@ )}#splitter{background-color:var(

src/spectrum-split-view.css.js

@@ -30,7 +30,3 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
+)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper,:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
 --spectrum-dragbar-gripper-width,var(--spectrum-global-dimension-static-size-50)
@@ -47,13 +43,3 @@ );top:calc((var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-);width:var(
---spectrum-splitview-vertical-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
+);width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(--spectrum-splitview-vertical-gripper-reset)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
@@ -63,5 +49,3 @@ );top:calc(var(--spectrum-splitview-vertical-gripper-width) - var(
 var(--spectrum-global-dimension-static-size-25)
-)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
+)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
 --spectrum-panel-s-background-color,var(--spectrum-alias-toolbar-background-color)
@@ -68,0 +52,0 @@ )}#splitter{background-color:var(

src/split-view.css.dev.js

@@ -32,7 +32,3 @@ "use strict";
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
+)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper,:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
 --spectrum-dragbar-gripper-width,var(--spectrum-global-dimension-static-size-50)
@@ -49,13 +45,3 @@ );top:calc((var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-);width:var(
---spectrum-splitview-vertical-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
+);width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(--spectrum-splitview-vertical-gripper-reset)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
@@ -65,5 +51,3 @@ );top:calc(var(--spectrum-splitview-vertical-gripper-width) - var(
 var(--spectrum-global-dimension-static-size-25)
-)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
+)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
 --spectrum-panel-s-background-color,var(--spectrum-alias-toolbar-background-color)
@@ -70,0 +54,0 @@ )}#splitter{background-color:var(

src/split-view.css.js

@@ -30,7 +30,3 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
+)}:host([dir=ltr]) #splitter.is-collapsed-start #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper,:host([dir=rtl]) #splitter.is-collapsed-start #gripper{right:0}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{left:0}:host([dir=ltr]) #splitter.is-collapsed-end #gripper{left:auto}:host([dir=rtl]) #splitter.is-collapsed-end #gripper{right:auto}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){height:auto;width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([vertical]) #gripper{border-width:var(--spectrum-dragbar-gripper-border-width-horizontal,3px) var(--spectrum-dragbar-gripper-border-width-vertical,4px);height:var(
 --spectrum-dragbar-gripper-width,var(--spectrum-global-dimension-static-size-50)
@@ -47,13 +43,3 @@ );top:calc((var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
-);width:var(
---spectrum-splitview-vertical-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(
---spectrum-splitview-vertical-gripper-width
-)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
+);width:var(--spectrum-splitview-vertical-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper{left:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper{right:var(--spectrum-splitview-vertical-gripper-width)}:host([dir=ltr][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=ltr][vertical]) #splitter.is-collapsed-start #gripper:before{left:var(--spectrum-splitview-vertical-gripper-reset)}:host([dir=rtl][vertical]) #splitter.is-collapsed-end #gripper:before,:host([dir=rtl][vertical]) #splitter.is-collapsed-start #gripper:before{right:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{height:var(
 --spectrum-dragbar-handle-width,var(--spectrum-global-dimension-static-size-25)
@@ -63,5 +49,3 @@ );top:calc(var(--spectrum-splitview-vertical-gripper-width) - var(
 var(--spectrum-global-dimension-static-size-25)
-)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(
---spectrum-splitview-vertical-gripper-reset
-)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
+)/2);width:var(--spectrum-splitview-vertical-gripper-outer-width)}:host([vertical]) #splitter.is-collapsed-start #gripper{top:var(--spectrum-splitview-vertical-gripper-reset)}:host([vertical]) #splitter.is-collapsed-end #gripper{bottom:var(--spectrum-splitview-vertical-gripper-reset);top:auto}::slotted(*){background-color:var(
 --spectrum-panel-s-background-color,var(--spectrum-alias-toolbar-background-color)
@@ -68,0 +52,0 @@ )}#splitter{background-color:var(

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

310924

increased by0.31%

Worsened metrics

Lines of code

2814

decreased by-0.46%

No dependency changes