@descope/web-components-ui 1.0.83 → 1.0.85

package/src/components/descope-switch-toggle/SwitchToggle.js

@@ -1,89 +0,0 @@
-import {
-	createStyleMixin,
-	draggableMixin,
-	createProxy,
-	proxyInputMixin,
-	componentNameValidationMixin,
-} from '../../mixins';
-import { compose } from '../../helpers';
-import { getComponentName } from '../../helpers/componentHelpers';
-
-export const componentName = getComponentName('switch-toggle');
-
-let overrides = ``;
-
-const SwitchToggle = compose(
-	createStyleMixin({
-		mappings: {
-			width: { selector: () => ':host' },
-			cursor: [{}, { selector: '> label' }]
-		}
-	}),
-	draggableMixin,
-	proxyInputMixin,
-	componentNameValidationMixin
-)(
-	createProxy({
-		slots: [],
-		wrappedEleName: 'vaadin-checkbox',
-		style: () => overrides,
-		excludeAttrsSync: ['tabindex'],
-		componentName
-	})
-);
-
-overrides = `
-	:host {
-		display: inline-block;
-	}
-	
-	:host {
-		--margin: 7px;
-		--width: var(${SwitchToggle.cssVarList.width});
-		--height: calc(var(--width) / 2);
-		--radius: var(--height);
-		--knobSize: calc(var(--height) - 5px);
-		--bgColor: #fff;
-		--knobBgColor: #000;
-	}
-	vaadin-checkbox : {
-		width: 100%;
-	}
-	vaadin-checkbox>label {
-		cursor: pointer;
-		border: 1px solid;
-		text-indent: -99999px;
-		display: block;
-		position: relative;			
-		width: var(--width);
-		height: var(--height);
-		background: var(--bgColor);
-		border-radius: var(--radius);
-	}
-	vaadin-checkbox>label::after {
-		content: '';
-		position: absolute;
-		transition: 0.3s;
-		top: var(--margin);
-		left: var(--margin);
-		width: var(--knobSize);
-		height: var(--knobSize);
-		background: var(--knobBgColor);
-		border-radius: var(--knobSize);
-	}
-	vaadin-checkbox::part(checkbox) {
-		height: 0;
-		width: 0;
-		visibility: hidden;
-		margin: 0;
-	}
-	vaadin-checkbox[checked]>label::after {
-		transform: translateX(-100%);
-		left: calc(100% - var(--margin));
-	}
-	vaadin-checkbox[active]>label::after {
-		width: calc(var(--knobSize) + 15px);
-	}
-`;
-
-export default SwitchToggle;

package/src/components/descope-switch-toggle/index.js

@@ -1,6 +0,0 @@
-import '@vaadin/checkbox';
-import SwitchToggle, { componentName } from './SwitchToggle';
-
-customElements.define(componentName, SwitchToggle);
-
-export { SwitchToggle };