@grandbazar/ui-baza 1.2.14 → 1.2.16

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/dist/index.cjs +205 -124
  2. package/dist/index.d.ts +32 -0
  3. package/dist/index.js +205 -125
  4. package/dist/style.css +88 -22
  5. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -534,7 +534,7 @@ textarea {
534
534
  }
535
535
  }
536
536
  @layer ui_baza_components {
537
- ._button_cmbkj_2 {
537
+ ._button_17gao_2 {
538
538
  --ring-width: 1px;
539
539
 
540
540
  display: inline-flex;
@@ -543,8 +543,8 @@ textarea {
543
543
  cursor: pointer;
544
544
  transition: all var(--transition-duration-default) ease-in-out;
545
545
 
546
- &._accent_cmbkj_11 {
547
- &._primary_cmbkj_12 {
546
+ &._accent_17gao_11 {
547
+ &._primary_17gao_12 {
548
548
  background-color: var(--color-accent);
549
549
  color: var(--color-white);
550
550
 
@@ -557,12 +557,12 @@ textarea {
557
557
  }
558
558
 
559
559
  &:disabled {
560
- background-color: var(--color-neutral-alpha-60);
560
+ background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
561
561
  color: var(--color-neutral-340);
562
562
  }
563
563
  }
564
564
 
565
- &._secondary_cmbkj_30 {
565
+ &._secondary_17gao_30 {
566
566
  background-color: var(--color-accent-alpha-100);
567
567
  color: var(--color-accent);
568
568
 
@@ -575,13 +575,13 @@ textarea {
575
575
  }
576
576
 
577
577
  &:disabled {
578
- background-color: var(--color-neutral-alpha-60);
578
+ background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
579
579
  color: var(--color-neutral-340);
580
580
  }
581
581
  }
582
582
 
583
- &._tertiary_cmbkj_48,
584
- &._line_cmbkj_49 {
583
+ &._tertiary_17gao_48,
584
+ &._line_17gao_49 {
585
585
  background-color: var(--color-transparent);
586
586
  color: var(--color-accent);
587
587
 
@@ -594,12 +594,12 @@ textarea {
594
594
  }
595
595
 
596
596
  &:disabled {
597
- background-color: var(--color-transparent);
597
+ background-color: var(--button-disabled-background, var(--color-transparent));
598
598
  color: var(--color-neutral-340);
599
599
  }
600
600
  }
601
601
 
602
- &._line_cmbkj_49 {
602
+ &._line_17gao_49 {
603
603
  --ring-color: var(--color-accent);
604
604
 
605
605
  box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
@@ -610,8 +610,8 @@ textarea {
610
610
  }
611
611
  }
612
612
 
613
- &._neutral_cmbkj_78 {
614
- &._primary_cmbkj_12 {
613
+ &._neutral_17gao_78 {
614
+ &._primary_17gao_12 {
615
615
  background-color: var(--color-neutral);
616
616
  color: var(--color-white);
617
617
 
@@ -624,12 +624,12 @@ textarea {
624
624
  }
625
625
 
626
626
  &:disabled {
627
- background-color: var(--color-neutral-alpha-60);
627
+ background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
628
628
  color: var(--color-neutral-340);
629
629
  }
630
630
  }
631
631
 
632
- &._secondary_cmbkj_30 {
632
+ &._secondary_17gao_30 {
633
633
  background-color: var(--color-neutral-alpha-60);
634
634
  color: var(--color-neutral);
635
635
 
@@ -642,13 +642,13 @@ textarea {
642
642
  }
643
643
 
644
644
  &:disabled {
645
- background-color: var(--color-neutral-alpha-60);
645
+ background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
646
646
  color: var(--color-neutral-340);
647
647
  }
648
648
  }
649
649
 
650
- &._tertiary_cmbkj_48,
651
- &._line_cmbkj_49 {
650
+ &._tertiary_17gao_48,
651
+ &._line_17gao_49 {
652
652
  background-color: var(--color-transparent);
653
653
  color: var(--color-neutral);
654
654
 
@@ -661,12 +661,12 @@ textarea {
661
661
  }
662
662
 
663
663
  &:disabled {
664
- background-color: var(--color-transparent);
664
+ background-color: var(--button-disabled-background, var(--color-transparent));
665
665
  color: var(--color-neutral-340);
666
666
  }
667
667
  }
668
668
 
669
- &._line_cmbkj_49 {
669
+ &._line_17gao_49 {
670
670
  --ring-color: var(--color-neutral-alpha-120);
671
671
 
672
672
  box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
@@ -677,7 +677,7 @@ textarea {
677
677
  }
678
678
  }
679
679
 
680
- &._lg_cmbkj_145 {
680
+ &._lg_17gao_145 {
681
681
  min-height: calc(var(--line-height-lg) + var(--space-2xl) * 2);
682
682
  padding: var(--space-2xl);
683
683
  border-radius: var(--radius-2xl);
@@ -685,7 +685,7 @@ textarea {
685
685
  line-height: var(--line-height-lg);
686
686
  }
687
687
 
688
- &._md_cmbkj_153 {
688
+ &._md_17gao_153 {
689
689
  min-height: calc(var(--line-height-lg) + var(--space-lg) * 2);
690
690
  padding: var(--space-lg);
691
691
  border-radius: var(--radius-xl);
@@ -693,7 +693,7 @@ textarea {
693
693
  line-height: var(--line-height-lg);
694
694
  }
695
695
 
696
- &._sm_cmbkj_161 {
696
+ &._sm_17gao_161 {
697
697
  min-height: calc(var(--line-height-md) + var(--space-sm) * 2);
698
698
  padding: var(--space-sm);
699
699
  border-radius: var(--radius-lg);
@@ -1659,6 +1659,72 @@ textarea {
1659
1659
  }
1660
1660
  }
1661
1661
  }
1662
+ @layer ui_baza_components {
1663
+ ._stepper_gnt3j_2 {
1664
+ display: flex;
1665
+ align-items: center;
1666
+ justify-content: space-between;
1667
+ border-radius: var(--stepper-radius);
1668
+
1669
+ --button-disabled-background: var(--color-transparent);
1670
+
1671
+ &._sm_gnt3j_10 {
1672
+ max-height: calc(var(--line-height-md) + var(--space-sm) * 2);
1673
+
1674
+ --stepper-icon-size: var(--size-lg);
1675
+ --stepper-radius: var(--radius-lg);
1676
+ }
1677
+
1678
+ &._md_gnt3j_17 {
1679
+ max-height: calc(var(--line-height-lg) + var(--space-lg) * 2);
1680
+
1681
+ --stepper-icon-size: var(--size-xl);
1682
+ --stepper-radius: var(--radius-xl);
1683
+ }
1684
+
1685
+ &._primary_gnt3j_24 {
1686
+ background-color: var(--color-accent);
1687
+ color: var(--color-white);
1688
+
1689
+ &[data-disabled] {
1690
+ background-color: var(--color-neutral-alpha-60);
1691
+ color: var(--color-neutral-340);
1692
+ }
1693
+ }
1694
+
1695
+ &._secondary_gnt3j_34 {
1696
+ background-color: var(--color-neutral-alpha-60);
1697
+ color: var(--color-neutral);
1698
+
1699
+ &[data-disabled] {
1700
+ color: var(--color-neutral-340);
1701
+ }
1702
+ }
1703
+
1704
+ &._md_gnt3j_17 ._value_gnt3j_43 {
1705
+ padding-inline: var(--space-md);
1706
+ font-size: var(--size-md);
1707
+ line-height: var(--line-height-lg);
1708
+ }
1709
+
1710
+ &._sm_gnt3j_10 ._value_gnt3j_43 {
1711
+ padding-inline: var(--space-sm);
1712
+ font-size: var(--size-sm);
1713
+ line-height: var(--line-height-md);
1714
+ }
1715
+
1716
+ & svg {
1717
+ width: var(--stepper-icon-size);
1718
+ height: var(--stepper-icon-size);
1719
+ }
1720
+
1721
+ & ._value_gnt3j_43 {
1722
+ font-weight: var(--font-weight-medium);
1723
+ font-variant-numeric: tabular-nums;
1724
+ text-align: center;
1725
+ }
1726
+ }
1727
+ }
1662
1728
  @layer ui_baza_components {
1663
1729
  ._switchWrapper_1yukb_2 {
1664
1730
  --switch-height: 24px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grandbazar/ui-baza",
3
- "version": "1.2.14",
3
+ "version": "1.2.16",
4
4
  "description": "A lightweight and modular UI kit for building modern, accessible web interfaces. Designed for flexibility, scalability, and developer happiness.",
5
5
  "repository": {
6
6
  "type": "git",