@usefragments/ui 1.5.4 → 1.6.0

package/dist/components/Theme/ThemeToggle.module.scss.js

@@ -1,23 +0,0 @@
-const toggleGroup = "_toggleGroup_1jmqh_1";
-const toggleButton = "_toggleButton_1jmqh_10";
-const toggleButtonActive = "_toggleButtonActive_1jmqh_42";
-const sizeSm = "_sizeSm_1jmqh_55";
-const sizeMd = "_sizeMd_1jmqh_64";
-const sizeLg = "_sizeLg_1jmqh_73";
-const styles = {
-  toggleGroup,
-  toggleButton,
-  toggleButtonActive,
-  sizeSm,
-  sizeMd,
-  sizeLg
-};
-export {
-  styles as default,
-  sizeLg,
-  sizeMd,
-  sizeSm,
-  toggleButton,
-  toggleButtonActive,
-  toggleGroup
-};

package/dist/components/Toggle/Toggle.module.scss.cjs

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1uoy9_1";
-const rootWithHelper = "_rootWithHelper_1uoy9_48";
-const track = "_track_1uoy9_51";
-const trackSm = "_trackSm_1uoy9_86";
-const trackLg = "_trackLg_1uoy9_96";
-const trackMd = "_trackMd_1uoy9_106";
-const thumb = "_thumb_1uoy9_116";
-const content = "_content_1uoy9_139";
-const label = "_label_1uoy9_143";
-const labelSm = "_labelSm_1uoy9_151";
-const labelLg = "_labelLg_1uoy9_155";
-const helper = "_helper_1uoy9_159";
-const helperSm = "_helperSm_1uoy9_167";
-const styles = {
-  root,
-  rootWithHelper,
-  track,
-  trackSm,
-  trackLg,
-  trackMd,
-  thumb,
-  content,
-  label,
-  labelSm,
-  labelLg,
-  helper,
-  helperSm
-};
-exports.content = content;
-exports.default = styles;
-exports.helper = helper;
-exports.helperSm = helperSm;
-exports.label = label;
-exports.labelLg = labelLg;
-exports.labelSm = labelSm;
-exports.root = root;
-exports.rootWithHelper = rootWithHelper;
-exports.thumb = thumb;
-exports.track = track;
-exports.trackLg = trackLg;
-exports.trackMd = trackMd;
-exports.trackSm = trackSm;

package/dist/components/Toggle/Toggle.module.scss.js

@@ -1,44 +0,0 @@
-const root = "_root_1uoy9_1";
-const rootWithHelper = "_rootWithHelper_1uoy9_48";
-const track = "_track_1uoy9_51";
-const trackSm = "_trackSm_1uoy9_86";
-const trackLg = "_trackLg_1uoy9_96";
-const trackMd = "_trackMd_1uoy9_106";
-const thumb = "_thumb_1uoy9_116";
-const content = "_content_1uoy9_139";
-const label = "_label_1uoy9_143";
-const labelSm = "_labelSm_1uoy9_151";
-const labelLg = "_labelLg_1uoy9_155";
-const helper = "_helper_1uoy9_159";
-const helperSm = "_helperSm_1uoy9_167";
-const styles = {
-  root,
-  rootWithHelper,
-  track,
-  trackSm,
-  trackLg,
-  trackMd,
-  thumb,
-  content,
-  label,
-  labelSm,
-  labelLg,
-  helper,
-  helperSm
-};
-export {
-  content,
-  styles as default,
-  helper,
-  helperSm,
-  label,
-  labelLg,
-  labelSm,
-  root,
-  rootWithHelper,
-  thumb,
-  track,
-  trackLg,
-  trackMd,
-  trackSm
-};

package/src/components/Switch/index.ts

@@ -1,3 +0,0 @@
-'use client';
-
-export { Switch, type SwitchProps, Toggle, type ToggleProps } from '../Toggle';

package/src/components/Theme/ThemeToggle.module.scss

@@ -1,91 +0,0 @@
-@use "../../tokens/variables" as *;
-@use "../../tokens/mixins" as *;
-
-// Local component tokens
-$fui-theme-toggle-sm-width: 32px !default;
-$fui-theme-toggle-sm-height: 32px !default;
-$fui-theme-toggle-sm-icon: 12px !default;
-$fui-theme-toggle-md-width: 32px !default;
-$fui-theme-toggle-md-height: 32px !default;
-$fui-theme-toggle-md-icon: 14px !default;
-$fui-theme-toggle-lg-width: 40px !default;
-$fui-theme-toggle-lg-height: 40px !default;
-$fui-theme-toggle-lg-icon: 18px !default;
-
-// ============================================
-// Theme Toggle - Fragmented Button Group
-// ============================================
-
-.toggleGroup {
-  display: inline-flex;
-  align-items: stretch;
-  gap: 0;
-  padding: 0;
-  background-color: var(--fui-bg-tertiary, $fui-bg-tertiary);
-  border-radius: var(--fui-radius-md, $fui-radius-md);
-}
-
-.toggleButton {
-  @include button-reset;
-  @include interactive-base;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--fui-radius-sm, $fui-radius-sm);
-  color: var(--fui-text-secondary, $fui-text-secondary);
-  background-color: transparent;
-
-  &:hover:not(.toggleButtonActive) {
-    color: var(--fui-text-primary, $fui-text-primary);
-  }
-
-  // Keyboard focus ring is supplied by @include interactive-base.
-
-  svg {
-    flex-shrink: 0;
-  }
-}
-
-.toggleButtonActive {
-  background-color: var(--fui-bg-elevated, $fui-bg-elevated);
-  color: var(--fui-text-primary, $fui-text-primary);
-  box-shadow: var(--fui-shadow-sm, $fui-shadow-sm);
-}
-
-// Size variants
-.sizeSm {
-  .toggleButton {
-    width: var(--fui-theme-toggle-sm-width, $fui-theme-toggle-sm-width);
-    height: var(--fui-theme-toggle-sm-height, $fui-theme-toggle-sm-height);
-
-    svg {
-      width: var(--fui-theme-toggle-sm-icon, $fui-theme-toggle-sm-icon);
-      height: var(--fui-theme-toggle-sm-icon, $fui-theme-toggle-sm-icon);
-    }
-  }
-}
-
-.sizeMd {
-  .toggleButton {
-    width: var(--fui-theme-toggle-md-width, $fui-theme-toggle-md-width);
-    height: var(--fui-theme-toggle-md-height, $fui-theme-toggle-md-height);
-
-    svg {
-      width: var(--fui-theme-toggle-md-icon, $fui-theme-toggle-md-icon);
-      height: var(--fui-theme-toggle-md-icon, $fui-theme-toggle-md-icon);
-    }
-  }
-}
-
-.sizeLg {
-  .toggleButton {
-    width: var(--fui-theme-toggle-lg-width, $fui-theme-toggle-lg-width);
-    height: var(--fui-theme-toggle-lg-height, $fui-theme-toggle-lg-height);
-
-    svg {
-      width: var(--fui-theme-toggle-lg-icon, $fui-theme-toggle-lg-icon);
-      height: var(--fui-theme-toggle-lg-icon, $fui-theme-toggle-lg-icon);
-    }
-  }
-}