npm - @quaffui/quaff - Versions diffs - 0.1.0-prealpha9 → 1.0.0-alpha1 - Mend

@@ -1,8 +0,0 @@
-export declare const QToggleDocsProps: {
-    name: string;
-    type: string;
-    optional: boolean;
-    clickableType: boolean;
-    description: string;
-    default: string;
-}[];

@@ -1,42 +0,0 @@
-export const QToggleDocsProps = [
-    {
-        name: "value",
-        type: "boolean",
-        optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
-    },
-    {
-        name: "label",
-        type: "string",
-        optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
-    },
-    {
-        name: "leftLabel",
-        type: "boolean",
-        optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
-    },
-    {
-        name: "icon",
-        type: "string",
-        optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
-    },
-    {
-        name: "disable",
-        type: "boolean",
-        optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
-    },
-];

@@ -1,31 +0,0 @@
-.q-toggle {
-  $root: &;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.8em;
-  cursor: pointer;
-  &--disabled {
-    cursor: not-allowed;
-    #{$root}__label {
-      opacity: 0.5;
-    }
-  }
-  &--reversed {
-    flex-direction: row-reverse;
-  }
-  &__inner {
-    @include selection(switch);
-  }
-  &__label {
-    font-size: 1rem;
-  }
-  & * {
-    pointer-events: none;
-  }
-}

@@ -1,9 +0,0 @@
-import { type NativeProps } from "../../utils/types";
-export interface QToggleProps extends NativeProps {
-    value?: boolean;
-    label?: string;
-    leftLabel?: boolean;
-    icon?: string;
-    disable?: boolean;
-}
-export declare const QTogglePropsDefaults: QToggleProps;

@@ -1,9 +0,0 @@
-import { NativePropsDefaults } from "../../utils/types";
-export const QTogglePropsDefaults = {
-    value: false,
-    label: undefined,
-    leftLabel: false,
-    icon: undefined,
-    disable: false,
-    ...NativePropsDefaults,
-};

@@ -1,82 +0,0 @@
-.q-tooltip {
-  --space: -0.5rem;
-  visibility: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  background-color: var(--inverse-surface);
-  color: var(--inverse-on-surface);
-  font-size: 0.75rem;
-  text-align: center;
-  border-radius: 0.25rem;
-  padding: 0.5rem;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  bottom: auto;
-  right: auto;
-  transform: translate(-50%, -100%) scale(0.9);
-  width: auto;
-  white-space: nowrap;
-  font-weight: 500;
-  opacity: 0;
-  transition: var(--speed2) all;
-  z-index: 9999;
-  &--top {
-    margin-top: var(--space) !important;
-  }
-  &--right {
-    right: 0;
-    top: 50%;
-    bottom: auto;
-    left: auto;
-    transform: translate(100%, -50%) scale(0.9);
-    margin-right: var(--space) !important;
-  }
-  &--bottom {
-    bottom: 0;
-    left: 50%;
-    top: auto;
-    right: auto;
-    transform: translate(-50%, 100%) scale(0.9);
-    margin-bottom: var(--space) !important;
-  }
-  &--left {
-    margin-left: var(--space) !important;
-    left: 0;
-    top: 50%;
-    bottom: auto;
-    right: auto;
-    transform: translate(-100%, -50%) scale(0.9);
-  }
-}
-// Not easily integratable into the block above due to the :hover
-:hover > .q-tooltip,
-.q-tooltip--active {
-  visibility: visible;
-  opacity: 1;
-  &.q-tooltip {
-    &--top {
-      transform: translate(-50%, -100%) scale(1);
-    }
-    &--left {
-      transform: translate(-100%, -50%) scale(1);
-    }
-    &--right {
-      transform: translate(100%, -50%) scale(1);
-    }
-    &--bottom {
-      transform: translate(-50%, 100%) scale(1);
-    }
-  }
-}

	@@ -1,2 +0,0 @@
1	- export declare function setIndex(index: number): number;
2	- export declare function getIndex(): number \| undefined;

@@ -1,17 +0,0 @@
-import { getContext, hasContext, setContext } from "svelte";
-export function setIndex(index) {
-    setContext("index", {
-        index: () => {
-            index++;
-            return index;
-        },
-    });
-    return index;
-}
-export function getIndex() {
-    if (!hasContext("index")) {
-        return undefined;
-    }
-    const { index } = getContext("index");
-    return index();
-}

@@ -1,9 +0,0 @@
-import { CssUnit, QuaffSizes } from "../utils/types";
-export declare const sizes: QuaffSizes[];
-export declare const CssUnits: CssUnit[];
-interface UseSize {
-    class?: string;
-    style?: string;
-}
-export declare function useSize(sizeProp: any): UseSize;
-export {};

@@ -1,25 +0,0 @@
-import { isNumber } from "../utils/types";
-export const sizes = ["xs", "sm", "md", "lg", "xl"];
-export const CssUnits = ["px", "%", "em", "ex", "ch", "rem", "vw", "vh", "vmin", "vmax"];
-export function useSize(sizeProp) {
-    if (isNumber(sizeProp) && sizeProp > 0) {
-        return {
-            style: `${sizeProp}px`,
-        };
-    }
-    else if (typeof sizeProp === "string") {
-        for (let unit of CssUnits) {
-            if (sizeProp.slice(-unit.length) === unit) {
-                return {
-                    style: sizeProp,
-                };
-            }
-            else if (sizes.includes(sizeProp)) {
-                return {
-                    class: sizeProp,
-                };
-            }
-        }
-    }
-    return {};
-}

@@ -1,50 +0,0 @@
-@import "./variables-sass.scss";
-.row {
-  display: grid;
-  grid-template-columns: repeat($grid-columns, 1fr);
-  grid-gap: 0;
-  // Gutter classes
-  &.q-gutter-xs {
-    grid-gap: $gutter-xs;
-  }
-  &.q-gutter-sm {
-    grid-gap: $gutter-sm;
-  }
-  &.q-gutter-md {
-    grid-gap: $gutter-md;
-  }
-  &.q-gutter-lg {
-    grid-gap: $gutter-lg;
-  }
-  &.q-gutter-xl {
-    grid-gap: $gutter-xl;
-  }
-  &.q-gutter-none {
-    grid-gap: 0px;
-  }
-  // Column classes for all sizes
-  @for $i from 1 through $grid-columns {
-    & > .col-#{$i} {
-      grid-column: span #{$i};
-    }
-  }
-  // Column classes for each breakpoint
-  @each $breakpoint, $min-width in $breakpoints {
-    @media (min-width: #{$min-width}) {
-      @for $i from 1 through $grid-columns {
-        & > .col-#{$breakpoint}-#{$i} {
-          grid-column: span #{$i};
-        }
-      }
-    }
-  }
-}

@quaffui/quaff 0.1.0-prealpha9 → 1.0.0-alpha1