@eduboxpro/studio 0.1.22 → 0.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/eduboxpro-studio.mjs +2 -2
  2. package/fesm2022/eduboxpro-studio.mjs.map +1 -1
  3. package/index.d.ts +34 -34
  4. package/package.json +1 -1
  5. package/src/styles/_tokens.scss +1 -0
package/index.d.ts CHANGED
@@ -486,7 +486,7 @@ declare class BadgeComponent {
486
486
  radiusInput: _angular_core.InputSignal<BadgeRadius | undefined>;
487
487
  variant: _angular_core.Signal<"solid" | "outline" | "soft" | "dot">;
488
488
  size: _angular_core.Signal<"sm" | "md" | "lg">;
489
- color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | "info" | "neutral">;
489
+ color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning" | "info" | "neutral">;
490
490
  radius: _angular_core.Signal<"sm" | "md" | "lg" | "full">;
491
491
  icon: _angular_core.InputSignal<string | undefined>;
492
492
  iconPosition: _angular_core.InputSignal<BadgeIconPosition>;
@@ -644,27 +644,27 @@ declare class ButtonComponent {
644
644
  private readonly buttonDefaults;
645
645
  variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
646
646
  sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
647
- colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
648
- radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
647
+ colorInput: _angular_core.InputSignal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
648
+ radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
649
649
  shadowInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | undefined>;
650
650
  compactInput: _angular_core.InputSignal<boolean | undefined>;
651
651
  variant: _angular_core.Signal<"solid" | "outline" | "ghost">;
652
652
  size: _angular_core.Signal<"sm" | "md" | "lg">;
653
- color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
654
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
653
+ color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning">;
654
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none">;
655
655
  shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
656
656
  compact: _angular_core.Signal<boolean>;
657
657
  disabled: _angular_core.InputSignal<boolean>;
658
658
  loading: _angular_core.InputSignal<boolean>;
659
659
  loadingText: _angular_core.InputSignal<string>;
660
660
  fullWidth: _angular_core.InputSignal<boolean>;
661
- type: _angular_core.InputSignal<"button" | "reset" | "submit">;
661
+ type: _angular_core.InputSignal<"reset" | "submit" | "button">;
662
662
  icon: _angular_core.InputSignal<string | undefined>;
663
663
  iconPosition: _angular_core.InputSignal<"left" | "right" | "only">;
664
664
  href: _angular_core.InputSignal<string | undefined>;
665
665
  target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
666
666
  badge: _angular_core.InputSignal<string | number | undefined>;
667
- badgeColor: _angular_core.InputSignal<"primary" | "error" | "warning">;
667
+ badgeColor: _angular_core.InputSignal<"error" | "primary" | "warning">;
668
668
  ariaLabel: _angular_core.InputSignal<string | undefined>;
669
669
  clicked: _angular_core.OutputEmitterRef<MouseEvent>;
670
670
  protected iconSize: _angular_core.Signal<number>;
@@ -681,13 +681,13 @@ declare class ButtonGroupComponent {
681
681
  orientationInput: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
682
682
  sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
683
683
  variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
684
- colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
685
- radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
684
+ colorInput: _angular_core.InputSignal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
685
+ radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
686
686
  orientation: _angular_core.Signal<"vertical" | "horizontal">;
687
687
  size: _angular_core.Signal<"sm" | "md" | "lg" | undefined>;
688
688
  variant: _angular_core.Signal<"solid" | "outline" | "ghost" | undefined>;
689
- color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
690
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
689
+ color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
690
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
691
691
  attached: _angular_core.InputSignal<boolean>;
692
692
  fullWidth: _angular_core.InputSignal<boolean>;
693
693
  disabled: _angular_core.InputSignal<boolean>;
@@ -734,9 +734,9 @@ declare class CardComponent {
734
734
  paddingInput: _angular_core.InputSignal<CardPadding | undefined>;
735
735
  variant: _angular_core.Signal<"ghost" | "filled" | "outlined" | "elevated">;
736
736
  size: _angular_core.Signal<"sm" | "md" | "lg">;
737
- color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning" | "neutral" | "default">;
738
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl">;
739
- shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl">;
737
+ color: _angular_core.Signal<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "neutral">;
738
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "none">;
739
+ shadow: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "none">;
740
740
  padding: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
741
741
  orientation: _angular_core.InputSignal<CardOrientation>;
742
742
  imagePosition: _angular_core.InputSignal<CardImagePosition>;
@@ -1074,7 +1074,7 @@ declare class ColorPickerComponent implements ControlValueAccessor, AfterViewIni
1074
1074
  protected readonly colorAreaCanvas: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
1075
1075
  variantInput: _angular_core.InputSignal<ColorPickerVariant | undefined>;
1076
1076
  sizeInput: _angular_core.InputSignal<ColorPickerSize | undefined>;
1077
- variant: _angular_core.Signal<"inline" | "popover" | "input">;
1077
+ variant: _angular_core.Signal<"input" | "inline" | "popover">;
1078
1078
  size: _angular_core.Signal<"sm" | "md" | "lg">;
1079
1079
  format: _angular_core.InputSignal<ColorFormat>;
1080
1080
  showAlpha: _angular_core.InputSignal<boolean>;
@@ -1131,7 +1131,7 @@ declare const DEFAULT_COLOR_PRESETS: ColorSwatchGroup[];
1131
1131
  declare class ColorPickerCompactComponent implements ControlValueAccessor {
1132
1132
  private readonly configService;
1133
1133
  trigger: _angular_core.InputSignal<"click" | "hover">;
1134
- position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
1134
+ position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
1135
1135
  popoverWidth: _angular_core.InputSignal<string>;
1136
1136
  showArrow: _angular_core.InputSignal<boolean>;
1137
1137
  closeOnClickOutside: _angular_core.InputSignal<boolean>;
@@ -1211,7 +1211,7 @@ declare class DrawerComponent {
1211
1211
  sizeInput: _angular_core.InputSignal<DrawerSize | undefined>;
1212
1212
  customWidth: _angular_core.InputSignal<string | undefined>;
1213
1213
  customHeight: _angular_core.InputSignal<string | undefined>;
1214
- position: _angular_core.Signal<"left" | "right" | "top" | "bottom">;
1214
+ position: _angular_core.Signal<"top" | "bottom" | "left" | "right">;
1215
1215
  size: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full">;
1216
1216
  modalInput: _angular_core.InputSignal<boolean | undefined>;
1217
1217
  closeOnEscapeInput: _angular_core.InputSignal<boolean | undefined>;
@@ -1430,10 +1430,10 @@ declare class InputComponent implements ControlValueAccessor {
1430
1430
  protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
1431
1431
  variantInput: _angular_core.InputSignal<"outline" | "filled" | "underline" | undefined>;
1432
1432
  sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
1433
- radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
1433
+ radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "full" | "none" | undefined>;
1434
1434
  variant: _angular_core.Signal<"outline" | "filled" | "underline">;
1435
1435
  size: _angular_core.Signal<"sm" | "md" | "lg">;
1436
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
1436
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
1437
1437
  disabled: _angular_core.InputSignal<boolean>;
1438
1438
  readonly: _angular_core.InputSignal<boolean>;
1439
1439
  loading: _angular_core.InputSignal<boolean>;
@@ -1659,10 +1659,10 @@ declare class PhoneInputComponent implements ControlValueAccessor, Validator {
1659
1659
  protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
1660
1660
  variantInput: _angular_core.InputSignal<"outline" | "filled" | "underline" | undefined>;
1661
1661
  sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
1662
- radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
1662
+ radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "full" | "none" | undefined>;
1663
1663
  variant: _angular_core.Signal<"outline" | "filled" | "underline">;
1664
1664
  size: _angular_core.Signal<"sm" | "md" | "lg">;
1665
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
1665
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
1666
1666
  country: _angular_core.ModelSignal<PhoneCountry>;
1667
1667
  showCountrySelector: _angular_core.InputSignal<boolean>;
1668
1668
  showFlag: _angular_core.InputSignal<boolean>;
@@ -1826,12 +1826,12 @@ declare class PopoverComponent {
1826
1826
  triggerInput: _angular_core.InputSignal<PopoverTrigger | undefined>;
1827
1827
  openDelay: _angular_core.InputSignal<number>;
1828
1828
  closeDelay: _angular_core.InputSignal<number>;
1829
- trigger: _angular_core.Signal<"click" | "hover" | "focus" | "manual">;
1829
+ trigger: _angular_core.Signal<"click" | "focus" | "hover" | "manual">;
1830
1830
  positionInput: _angular_core.InputSignal<PopoverPosition | undefined>;
1831
1831
  offset: _angular_core.InputSignal<number>;
1832
1832
  preventOverflow: _angular_core.InputSignal<boolean>;
1833
1833
  flipValue: _angular_core.InputSignal<boolean>;
1834
- position: _angular_core.Signal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
1834
+ position: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
1835
1835
  variantInput: _angular_core.InputSignal<PopoverVariant | undefined>;
1836
1836
  sizeInput: _angular_core.InputSignal<PopoverSize | undefined>;
1837
1837
  width: _angular_core.InputSignal<PopoverWidth>;
@@ -1839,7 +1839,7 @@ declare class PopoverComponent {
1839
1839
  maxWidth: _angular_core.InputSignal<string | number | undefined>;
1840
1840
  maxHeight: _angular_core.InputSignal<string | number | undefined>;
1841
1841
  padding: _angular_core.InputSignal<string | undefined>;
1842
- variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "shadow">;
1842
+ variant: _angular_core.Signal<"default" | "bordered" | "minimal" | "shadow">;
1843
1843
  size: _angular_core.Signal<"sm" | "md" | "lg">;
1844
1844
  arrow: _angular_core.InputSignal<boolean>;
1845
1845
  arrowSize: _angular_core.InputSignal<number>;
@@ -1850,7 +1850,7 @@ declare class PopoverComponent {
1850
1850
  overlayOpacity: _angular_core.InputSignal<number>;
1851
1851
  animationInput: _angular_core.InputSignal<PopoverAnimation | undefined>;
1852
1852
  animationDuration: _angular_core.InputSignal<number>;
1853
- animation: _angular_core.Signal<"none" | "fade" | "scale" | "slide">;
1853
+ animation: _angular_core.Signal<"fade" | "scale" | "none" | "slide">;
1854
1854
  showHeader: _angular_core.InputSignal<boolean>;
1855
1855
  showFooter: _angular_core.InputSignal<boolean>;
1856
1856
  showCloseButton: _angular_core.InputSignal<boolean>;
@@ -1993,10 +1993,10 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
1993
1993
  protected readonly dropdownEl: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
1994
1994
  variantInput: _angular_core.InputSignal<SelectVariant | undefined>;
1995
1995
  sizeInput: _angular_core.InputSignal<SelectSize | undefined>;
1996
- radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "full" | undefined>;
1996
+ radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "full" | "none" | undefined>;
1997
1997
  variant: _angular_core.Signal<"outline" | "filled" | "underline">;
1998
1998
  size: _angular_core.Signal<"sm" | "md" | "lg">;
1999
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "full">;
1999
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "full" | "none">;
2000
2000
  options: _angular_core.InputSignal<SelectOption<T>[] | SelectOptionGroup<T>[]>;
2001
2001
  placeholder: _angular_core.InputSignal<string>;
2002
2002
  multiple: _angular_core.InputSignal<boolean>;
@@ -2385,7 +2385,7 @@ declare class TableComponent<T = any> {
2385
2385
  private readonly tableDefaults;
2386
2386
  variantInput: _angular_core.InputSignal<TableVariant | undefined>;
2387
2387
  densityInput: _angular_core.InputSignal<TableDensity | undefined>;
2388
- variant: _angular_core.Signal<"default" | "minimal" | "bordered" | "striped">;
2388
+ variant: _angular_core.Signal<"default" | "bordered" | "minimal" | "striped">;
2389
2389
  density: _angular_core.Signal<"compact" | "comfortable" | "spacious">;
2390
2390
  data: _angular_core.InputSignal<T[]>;
2391
2391
  columns: _angular_core.InputSignal<TableColumn<T>[]>;
@@ -2694,8 +2694,8 @@ type TextareaRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
2694
2694
 
2695
2695
  declare class TooltipComponent {
2696
2696
  content: _angular_core.InputSignal<string>;
2697
- trigger: _angular_core.InputSignal<"click" | "hover" | "focus">;
2698
- position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
2697
+ trigger: _angular_core.InputSignal<"click" | "focus" | "hover">;
2698
+ position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
2699
2699
  openDelay: _angular_core.InputSignal<number>;
2700
2700
  closeDelay: _angular_core.InputSignal<number>;
2701
2701
  arrow: _angular_core.InputSignal<boolean>;
@@ -2728,14 +2728,14 @@ declare class ButtonToggleGroupComponent implements ControlValueAccessor {
2728
2728
  orientationInput: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
2729
2729
  sizeInput: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
2730
2730
  variantInput: _angular_core.InputSignal<"solid" | "outline" | "ghost" | undefined>;
2731
- colorInput: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "warning" | undefined>;
2732
- radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
2731
+ colorInput: _angular_core.InputSignal<"error" | "primary" | "secondary" | "success" | "warning" | undefined>;
2732
+ radiusInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
2733
2733
  shadowInput: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | undefined>;
2734
2734
  orientation: _angular_core.Signal<"vertical" | "horizontal">;
2735
2735
  size: _angular_core.Signal<"sm" | "md" | "lg">;
2736
2736
  variant: _angular_core.Signal<"solid" | "outline" | "ghost">;
2737
- color: _angular_core.Signal<"primary" | "secondary" | "success" | "error" | "warning">;
2738
- radius: _angular_core.Signal<"sm" | "md" | "lg" | "none" | "xl" | "full">;
2737
+ color: _angular_core.Signal<"error" | "primary" | "secondary" | "success" | "warning">;
2738
+ radius: _angular_core.Signal<"sm" | "md" | "lg" | "xl" | "full" | "none">;
2739
2739
  shadow: _angular_core.Signal<"sm" | "md" | "lg" | "none">;
2740
2740
  attached: _angular_core.InputSignal<boolean>;
2741
2741
  fullWidth: _angular_core.InputSignal<boolean>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eduboxpro/studio",
3
- "version": "0.1.22",
3
+ "version": "0.1.24",
4
4
  "description": "Modern Angular UI library for educational platforms with customizable design system",
5
5
  "keywords": [
6
6
  "angular",
package/src/styles/_tokens.scss CHANGED
@@ -113,6 +113,7 @@
113
113
  * ======================================== */
114
114
 
115
115
  --studio-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
116
+ --studio-transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
116
117
  --studio-transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
117
118
  --studio-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
118
119