@companix/uikit 0.0.35 → 0.0.36

package/dist/index.d.ts

@@ -1,77 +0,0 @@
-export { Avatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
-export type { AvatarSize } from './Avatar/types';
-export { avatarSizes } from './Avatar/types';
-export { Button } from './Button';
-export type { ButtonProps, Appearance, Mode, Size } from './Button';
-export { ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
-export { Spinner } from './Spinner';
-export type { SpinnerProps } from './Spinner';
-export { Scrollable } from './Scrollable';
-export { ImitateScroll } from './Scrollable/ImitateScroll';
-export type { ImitateScrollProps } from './Scrollable/ImitateScroll';
-export { Segments } from './Segments';
-export type { SegmentsProps } from './Segments';
-export { Popover } from './Popover';
-export type { PopoverProps } from './Popover';
-export { Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';
-export { Select } from './Select';
-export type { SelectProps } from './Select';
-export { Input } from './Input/Input';
-export type { InputProps } from './Input/Input';
-export { OptionItem } from './OptionItem/OptionItem';
-export type { OptionProps } from './OptionItem/OptionItem';
-export { NumberInput } from './NumberInput';
-export type { NumberInputProps, ReactNumberFormatParams } from './NumberInput';
-export { OptionsList } from './OptionItem/OptionsList';
-export type { OptionsListProps } from './OptionItem/OptionsList';
-export { Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
-export { Switch } from './Switch';
-export type { SwitchProps } from './Switch';
-export { Radio, RadioGroup } from './Radio';
-export type { RadioOption, RadioGroupProps } from './Radio';
-export { Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
-export { Dialog } from './Dialog';
-export type { DialogProps, DialogSize } from './Dialog';
-export { AlertDialog } from './DialogAlert/Alert';
-export type { AlertDialogProps } from './DialogAlert/Alert';
-export { LoadingButton } from './LoadingButton';
-export type { LoadingButtonProps } from './LoadingButton';
-export { Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
-export { Countdown } from './Countdown';
-export type { CountDownProps } from './Countdown';
-export { TextArea } from './TextArea';
-export type { TextAreaProps } from './TextArea';
-export { SelectTags } from './SelectTags';
-export type { SelectTagsProps } from './SelectTags';
-export { DatePicker } from './DatePicker';
-export type { DatePickerProps } from './DatePicker';
-export { DateInput } from './DateInput';
-export type { DateInputProps } from './DateInput';
-export { FileOverlay } from './File';
-export type { FileOverlayProps } from './File';
-export { FormGroup } from './FormGroup';
-export type { FormGroupProps } from './FormGroup';
-export { TimePicker } from './TimePicker';
-export type { TimePickerProps } from './TimePicker';
-export { Icon } from './Icon';
-export type { IconProps } from './Icon';
-export { ProgressBar } from './Progress';
-export type { ProgressBarProps } from './Progress';
-export { ThemeProvider, useTheme } from './ThemeProvider';
-export { ColorSchemeScript, colorSchemeScript } from './ThemeProvider/script';
-export { useLocalStorage } from './__hooks/use-local-storage';
-export { createAlertAgent } from './DialogAlert';
-export { createToaster } from './Toaster';
-export { Toast } from './Toaster/Toast';
-export * from './types';
-export type { CalendarProps } from './Calendar/Calendar';
-export { createDialogsRegistry, DialogShell } from './__helpers/createDialogRegistry';
-export { createPopoversRegistry } from './__helpers/createPopoversRegistry';
-export type { PopupProps } from './__helpers/createDialogRegistry';
-export type { PopoverContentProps } from './__helpers/createPopoversRegistry';

package/dist/index.scss

@@ -1,28 +0,0 @@
-@use './Avatar/Avatar.scss';
-@use './Button/Button.scss';
-@use './Icon/icon.scss';
-@use './Popover/Popover.scss';
-@use './Tooltip/Tooltip.scss';
-@use './Checkbox/Checkbox.scss';
-@use './Radio/Radio.scss';
-@use './Tabs/Tabs.scss';
-@use './Toaster/Toaster.scss';
-@use './Dialog/Popup.scss';
-@use './Dialog/Dialog.scss';
-@use './DialogAlert/Alert.scss';
-@use './Drawer/Drawer.scss';
-@use './Select/Select.scss';
-@use './TextArea/TextArea.scss';
-@use './SelectTags/SelectTags.scss';
-@use './OptionItem/Option.scss';
-@use './Input/Input.scss';
-@use './Input/Form.scss';
-@use './DateInput/DateInput.scss';
-@use './Calendar/Calendar.scss';
-@use './Switch/Switch.scss';
-@use './Spinner/Spinner.scss';
-@use './ButtonGroup/ButtonGroup.scss';
-@use './Segments/Segments.scss';
-@use './Scrollable/Scrollable.scss';
-@use './FormGroup/FormGroup.scss';
-@use './Progress/Progress.scss';

package/dist/mixins.scss

@@ -1,102 +0,0 @@
-@use './theme.scss';
-@use './css-properties.scss';
-
-@use 'sass:map';
-@use 'sass:list';
-@use 'sass:meta';
-
-@mixin height($size) {
-  height: $size;
-  min-height: $size;
-  max-height: $size;
-}
-
-@mixin box($size) {
-  height: $size;
-  width: $size;
-  min-width: $size;
-}
-
-@mixin items-spacing($spacing) {
-  & > * {
-    margin-right: $spacing;
-  }
-
-  & > :last-child {
-    margin-right: 0;
-  }
-}
-
-@mixin truncate-text() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-@function get-value($map, $keys...) {
-  $current: $map;
-
-  @each $key in $keys {
-    @if meta.type-of($current) != 'map' {
-      @return null;
-    }
-
-    $current: map.get($current, $key);
-
-    @if $current == null {
-      @return null;
-    }
-  }
-
-  @return $current;
-}
-
-@mixin set-style($property, $source, $keys...) {
-  $path: list.append($keys, $property);
-  $var-name: get-value($source, $path...);
-
-  @if $var-name != null {
-    @if meta.type-of($var-name) != 'map' {
-      #{$property}: $var-name;
-    }
-  }
-}
-
-@mixin use-styles($component, $keys...) {
-  $source: map.get(theme.$tokens, $component);
-
-  @each $property, $v in css-properties.$properties {
-    @include set-style($property, $source, $keys...);
-  }
-}
-
-@mixin use-styles-debug($component, $keys...) {
-  $source: map.get(theme.$tokens, $component);
-
-  @debug $source;
-
-  @each $property, $v in css-properties.$properties {
-    @include set-style($property, $source, $keys...);
-  }
-}
-
-@function get-var-name($component, $keys...) {
-  $source: map.get(theme.$tokens, $component);
-  $var-name: get-value($source, $keys...);
-
-  @return $var-name;
-}
-
-@mixin use-size($component, $keys...) {
-  $name: get-var-name($component, $keys...);
-
-  @if $name != null {
-    @if meta.type-of($name) != 'map' {
-      width: $name;
-      min-width: $name;
-      height: $name;
-    }
-  }
-}
-
-$appearances: ('primary', 'neutral', 'positive', 'negative');

package/dist/theme.scss

@@ -1,101 +0,0 @@
-@use 'sass:map';
-@use 'sass:string';
-@use 'sass:list';
-
-$button-appearances: ();
-$tokens: ();
-
-@function str-split($string, $delimiter) {
-  $result: ();
-  $buffer: '';
-
-  @for $i from 1 through string.length($string) {
-    $char: string.slice($string, $i, $i);
-
-    @if ($char == $delimiter) {
-      $result: list.append($result, $buffer);
-      $buffer: '';
-    } @else {
-      $buffer: $buffer + $char;
-    }
-  }
-
-  $result: list.append($result, $buffer);
-
-  @return $result;
-}
-
-@function list-slice($list, $start, $end: list.length($list)) {
-  $new: ();
-
-  @for $i from $start through $end {
-    $new: list.append($new, list.nth($list, $i));
-  }
-
-  @return $new;
-}
-
-/// Добавляет значение в многоуровневую карту
-@function map-deep-set($map, $keys, $value) {
-  $current: $map;
-  $key: list.nth($keys, 1);
-
-  @if list.length($keys) == 1 {
-    @return map.merge(
-      $current,
-      (
-        $key: $value
-      )
-    );
-  }
-
-  $nested: map.get($current, $key);
-
-  @if $nested == null {
-    $nested: ();
-  }
-
-  $nested: map-deep-set($nested, list-slice($keys, 2), $value);
-
-  @return map.merge(
-    $current,
-    (
-      $key: $nested
-    )
-  );
-}
-
-@mixin use-button-properties($vars) {
-  @each $full-name, $v in $vars {
-    // Разбиваем путь: primary-default-enabled-background → ('primary', 'default', 'enabled', 'background')
-    $parts: str-split($full-name, '_');
-    // Создаём CSS переменную:
-    $css-var: string.unquote('var(--btn_#{$full-name})');
-    // Глубоко добавляем значение в структуру
-    $button-appearances: map-deep-set($button-appearances, $parts, $css-var) !global;
-  }
-}
-
-@mixin use-tokens($components) {
-  @each $component-name, $v in $components {
-    $component-vars: map.get($components, $component-name);
-
-    @each $path, $v in $component-vars {
-      $name: #{$component-name}_#{$path};
-      // Разбиваем путь: primary_default_enabled_background → ('primary', 'default', 'enabled', 'background')
-      $keys: str-split($name, '_');
-      // Создаём CSS переменную:
-      $css-var: string.unquote('var(--#{$name})');
-      // Глубоко добавляем значение в структуру
-      $tokens: map-deep-set($tokens, $keys, $css-var) !global;
-      // set scss var
-      --#{$name}: #{map.get($component-vars, $path)};
-    }
-  }
-}
-
-@mixin use-css-vars($prefix, $map) {
-  @each $name, $value in $map {
-    --#{$prefix}_#{$name}: #{$value};
-  }
-}

package/dist/types.d.ts

@@ -1,17 +0,0 @@
-export interface Option<T> {
-    title: string;
-    value: T;
-    icon?: React.ReactNode;
-    label?: string;
-    disabled?: boolean;
-    className?: string;
-}
-export interface DateFormat {
-    month: number;
-    year: number;
-    day: number;
-}
-export interface TimeFormat {
-    hours: number;
-    minutes: number;
-}