@scania/tegel 0.0.33 → 0.0.51

package/dist/types/components/slider/slider.d.ts

@@ -1,86 +1,86 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Slider {
-  /** Text for label */
-  label: string;
-  /** Initial value */
-  value: string;
-  /** Minimum value */
-  min: string;
-  /** Maximum value */
-  max: string;
-  /** Number of tick markers (tick for min- and max-value will be added automatically) */
-  ticks: string;
-  /** Decide to show numbers above the tick markers or not  */
-  showTickNumbers: boolean;
-  /** Decide to show the tooltip or not */
-  tooltip: boolean;
-  /** Sets the disabled state for the whole component  */
-  disabled: boolean;
-  /** Sets the read only state for the whole component  */
-  readOnly: boolean;
-  /** Decide to show the controls or not */
-  controls: boolean;
-  /** Decide to show the input field or not */
-  input: boolean;
-  /** Defines how much to increment/decrement the value when using controls */
-  step: string;
-  /** Name property (will be inherited by the native slider component) */
-  name: string;
-  /** Sets the size of the scrubber */
-  size: 'sm' | '';
-  /** Snap to the ticks grid */
-  snap: boolean;
-  /** Id for the sliders input element, randomly generated if not specified. */
-  sliderId: string;
-  wrapperElement: HTMLElement;
-  scrubberElement: HTMLElement;
-  scrubberInnerElement: HTMLElement;
-  dividersElement: HTMLElement;
-  trackElement: HTMLElement;
-  trackFillElement: HTMLElement;
-  minusElement: HTMLElement;
-  plusElement: HTMLElement;
-  inputElement: HTMLInputElement;
-  nativeRangeInputElement: HTMLInputElement;
-  scrubberGrabPos: object;
-  scrubberGrabbed: boolean;
-  scrubberLeft: number;
-  tickValues: Array<number>;
-  disabledState: boolean;
-  readonlyState: boolean;
-  useControls: boolean;
-  useInput: boolean;
-  useSmall: boolean;
-  useSnapping: boolean;
-  supposedValueSlot: number;
-  eventListenersAdded: boolean;
-  resizeObserverAdded: boolean;
-  /** Sends unique checkbox identifier and value when the slider has a change in value. */
-  sddsChange: EventEmitter<{
-    value: string;
-  }>;
-  /** Public method to re-initialise the slider if some configuration props are changed */
-  reset(): Promise<void>;
-  handleKeydown(event: any): void;
-  handleMouseUp(): void;
-  handleTouchEnd(): void;
-  handleMouseMove(event: any): void;
-  handleTouchMove(event: any): void;
-  updateTrack(): void;
-  dispatchChangeEvent(): void;
-  updateValue(): void;
-  updateValueForced(value: any): void;
-  getMin(): number;
-  getMax(): number;
-  constrainScrubber(x: any): any;
-  getTrackWidth(): number;
-  calculateScrubberLeftFromValue(value: any): void;
-  componentDidLoad(): void;
-  grabScrubber(xOffset: any, yOffset: any): void;
-  calculateInputSizeFromMax(): number;
-  controlsStep(delta: any): void;
-  stepLeft(): void;
-  stepRight(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Slider {
+  /** Text for label */
+  label: string;
+  /** Initial value */
+  value: string;
+  /** Minimum value */
+  min: string;
+  /** Maximum value */
+  max: string;
+  /** Number of tick markers (tick for min- and max-value will be added automatically) */
+  ticks: string;
+  /** Decide to show numbers above the tick markers or not  */
+  showTickNumbers: boolean;
+  /** Decide to show the tooltip or not */
+  tooltip: boolean;
+  /** Sets the disabled state for the whole component  */
+  disabled: boolean;
+  /** Sets the read only state for the whole component  */
+  readOnly: boolean;
+  /** Decide to show the controls or not */
+  controls: boolean;
+  /** Decide to show the input field or not */
+  input: boolean;
+  /** Defines how much to increment/decrement the value when using controls */
+  step: string;
+  /** Name property (will be inherited by the native slider component) */
+  name: string;
+  /** Sets the size of the scrubber */
+  scrubberSize: 'sm' | 'lg';
+  /** Snap to the ticks grid */
+  snap: boolean;
+  /** Id for the sliders input element, randomly generated if not specified. */
+  sliderId: string;
+  wrapperElement: HTMLElement;
+  scrubberElement: HTMLElement;
+  scrubberInnerElement: HTMLElement;
+  dividersElement: HTMLElement;
+  trackElement: HTMLElement;
+  trackFillElement: HTMLElement;
+  minusElement: HTMLElement;
+  plusElement: HTMLElement;
+  inputElement: HTMLInputElement;
+  nativeRangeInputElement: HTMLInputElement;
+  scrubberGrabPos: object;
+  scrubberGrabbed: boolean;
+  scrubberLeft: number;
+  tickValues: Array<number>;
+  disabledState: boolean;
+  readonlyState: boolean;
+  useControls: boolean;
+  useInput: boolean;
+  useSmall: boolean;
+  useSnapping: boolean;
+  supposedValueSlot: number;
+  eventListenersAdded: boolean;
+  resizeObserverAdded: boolean;
+  /** Sends the value of the slider when changed. */
+  sddsChange: EventEmitter<{
+    value: string;
+  }>;
+  /** Public method to re-initialise the slider if some configuration props are changed */
+  reset(): Promise<void>;
+  handleKeydown(event: any): void;
+  handleMouseUp(): void;
+  handleTouchEnd(): void;
+  handleMouseMove(event: any): void;
+  handleTouchMove(event: any): void;
+  updateTrack(): void;
+  dispatchChangeEvent(): void;
+  updateValue(): void;
+  updateValueForced(value: any): void;
+  getMin(): number;
+  getMax(): number;
+  constrainScrubber(x: any): any;
+  getTrackWidth(): number;
+  calculateScrubberLeftFromValue(value: any): void;
+  componentDidLoad(): void;
+  grabScrubber(xOffset: any, yOffset: any): void;
+  calculateInputSizeFromMax(): number;
+  controlsStep(delta: any): void;
+  stepLeft(): void;
+  stepRight(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/slider/slider.stories.d.ts

@@ -1,169 +1,235 @@
-declare const _default: {
-  title: string;
-  argTypes: {
-    initialValue: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    min: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    max: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    showLabel: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    labelText: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    showTooltip: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    showTicks: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    numTicks: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    snapToTicks: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    showTickNumbers: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    showControls: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    step: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    showInput: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    readonly: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    small: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-  };
-  parameters: {
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  args: {
-    initialValue: string;
-    showLabel: boolean;
-    labelText: string;
-    showTooltip: boolean;
-    showTicks: boolean;
-    numTicks: string;
-    showTickNumbers: boolean;
-    showControls: boolean;
-    showInput: boolean;
-    min: string;
-    max: string;
-    step: string;
-    disabled: boolean;
-    small: boolean;
-    snapToTicks: boolean;
-    readonly: boolean;
-  };
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+  argTypes: {
+    min: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    max: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    initialValue: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showLabel: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    showTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    numTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showTickNumbers: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    snapToTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    showTooltip: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    showControls: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    step: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showInput: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    scrubberSize: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    readonly: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  parameters: {
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  args: {
+    min: string;
+    max: string;
+    initialValue: string;
+    showLabel: boolean;
+    labelText: string;
+    showTicks: boolean;
+    numTicks: string;
+    showTickNumbers: boolean;
+    snapToTicks: boolean;
+    showTooltip: boolean;
+    showControls: boolean;
+    step: string;
+    showInput: boolean;
+    scrubberSize: string;
+    readonly: boolean;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/spinner/spinner.d.ts

@@ -1,7 +1,7 @@
-export declare class Spinner {
-  /** Size of spinner */
-  size: 'xs' | 'sm' | 'md' | 'lg';
-  /** Variant of spinner */
-  variant: 'standard' | 'inverted';
-  render(): any;
-}
+export declare class Spinner {
+  /** Size of spinner */
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Variant of spinner */
+  variant: 'standard' | 'inverted';
+  render(): any;
+}

package/dist/types/components/spinner/spinner.stories.d.ts

@@ -1,37 +1,47 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    variant: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      description: string;
-    };
-    size: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      description: string;
-    };
-  };
-  args: {
-    variant: string;
-    size: string;
-  };
-};
-export default _default;
-export declare const Default: any;
-export declare const Inverted: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    variant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    variant: string;
+    size: string;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Inverted: any;