@innovaccer/design-system 4.14.0 → 4.15.0

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 (20) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/css/dist/index.css +122 -0
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/components/button.module.css +118 -0
  5. package/css/src/components/spinner.module.css +4 -0
  6. package/dist/brotli/index.js +1 -1
  7. package/dist/brotli/index.js.br +0 -0
  8. package/dist/cjs/index.js +1 -1
  9. package/dist/core/ai-components/AIResponse/index.d.ts +1 -1
  10. package/dist/core/components/atoms/button/Button.d.ts +2 -0
  11. package/dist/core/components/atoms/spinner/Spinner.d.ts +1 -1
  12. package/dist/esm/index.js +189 -174
  13. package/dist/gzip/index.js +1 -1
  14. package/dist/gzip/index.js.gz +0 -0
  15. package/dist/index.js +193 -178
  16. package/dist/index.js.map +1 -1
  17. package/dist/index.umd.css +122 -0
  18. package/dist/index.umd.js +1 -1
  19. package/dist/types/tsconfig.type.tsbuildinfo +5 -5
  20. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,40 @@
1
+ ## 4.15.0 (2025-10-21)
2
+
3
+ ### Highlights
4
+
5
+ - feat(button): add outlined styleType in existing button (15ef566b)
6
+ - test: update CI to test deployed site with latest DS (16af6a7b)
7
+
8
+ ### Breaking changes
9
+
10
+ NA
11
+
12
+ ### Migration guide
13
+
14
+ NA
15
+
16
+ ### Deprecations
17
+
18
+ NA
19
+
20
+ ### Features
21
+
22
+ - feat(button): add outlined styleType in existing button (15ef566b)
23
+
24
+ ### Fixes
25
+
26
+ NA
27
+
28
+ ### Improvements
29
+
30
+ - test: update CI to test deployed site with latest DS (16af6a7b)
31
+
32
+ ### Documentation
33
+
34
+ NA
35
+
36
+ ---
37
+
1
38
  ## 4.14.0 (2025-09-30)
2
39
 
3
40
  ### Highlights
package/css/dist/index.css CHANGED
@@ -1640,6 +1640,124 @@ body {
1640
1640
  text-overflow: ellipsis;
1641
1641
  }
1642
1642
 
1643
+ /* outlined button styles */
1644
+
1645
+ .Button-outlined--basic {
1646
+ border: var(--border);
1647
+ color: var(--inverse);
1648
+ background: transparent;
1649
+ }
1650
+
1651
+ .Button-outlined--basic:hover {
1652
+ background: var(--secondary-lighter);
1653
+ border: var(--border-width-2-5) solid var(--inverse-lightest);
1654
+ }
1655
+
1656
+ .Button-outlined--basic:active {
1657
+ background: var(--secondary);
1658
+ border: var(--border-width-2-5) solid var(--inverse-lightest);
1659
+ }
1660
+
1661
+ .Button-outlined--basic:focus {
1662
+ border: var(--border-width-2-5) solid var(--primary);
1663
+ box-shadow: var(--shadow-spread) var(--primary-shadow);
1664
+ }
1665
+
1666
+ .Button-outlined--basic:disabled {
1667
+ color: var(--inverse-lightest);
1668
+ background: transparent;
1669
+ border: var(--border-width-2-5) solid var(--secondary);
1670
+ }
1671
+
1672
+ .Button-outlined--selected {
1673
+ background: var(--primary-ultra-light);
1674
+ color: var(--primary-dark);
1675
+ border: var(--border-width-2-5) solid var(--primary-lighter);
1676
+ }
1677
+
1678
+ .Button-outlined--selected:hover {
1679
+ background: var(--primary-lightest);
1680
+ border: var(--border-width-2-5) solid var(--primary-lighter);
1681
+ }
1682
+
1683
+ .Button-outlined--selected:active {
1684
+ background: var(--primary-lighter);
1685
+ color: var(--primary-darker);
1686
+ border: var(--border-width-2-5) solid var(--primary);
1687
+ }
1688
+
1689
+ .Button-outlined--selected:focus {
1690
+ color: var(--primary-dark);
1691
+ border: var(--border-width-2-5) solid var(--primary);
1692
+ box-shadow: var(--shadow-spread) var(--primary-shadow);
1693
+ }
1694
+
1695
+ .Button-outlined--selected:disabled {
1696
+ background: var(--primary-ultra-light);
1697
+ color: var(--primary-lighter);
1698
+ border: var(--border-width-2-5) solid var(--primary-lightest);
1699
+ }
1700
+
1701
+ .Button-outlined--primary {
1702
+ background: transparent;
1703
+ border: var(--border-width-2-5) solid var(--primary);
1704
+ color: var(--primary);
1705
+ mix-blend-mode: multiply;
1706
+ }
1707
+
1708
+ .Button-outlined--primary:hover {
1709
+ background: var(--primary-ultra-light);
1710
+ border: var(--border-width-2-5) solid var(--primary-dark);
1711
+ color: var(--primary-dark);
1712
+ }
1713
+
1714
+ .Button-outlined--primary:active {
1715
+ background: var(--primary-lightest);
1716
+ border: var(--border-width-2-5) solid var(--primary-dark);
1717
+ color: var(--primary-dark);
1718
+ }
1719
+
1720
+ .Button-outlined--primary:focus {
1721
+ border: var(--border-width-2-5) solid var(--primary);
1722
+ box-shadow: var(--shadow-spread) var(--primary-shadow);
1723
+ }
1724
+
1725
+ .Button-outlined--primary:disabled {
1726
+ background: transparent;
1727
+ color: var(--primary-lighter);
1728
+ border: var(--border-width-2-5) solid var(--primary-lighter);
1729
+ }
1730
+
1731
+ .Button-outlined--alert {
1732
+ background: transparent;
1733
+ border: var(--border-width-2-5) solid var(--alert);
1734
+ color: var(--alert);
1735
+ mix-blend-mode: multiply;
1736
+ }
1737
+
1738
+ .Button-outlined--alert:hover {
1739
+ background: var(--alert-ultra-light);
1740
+ border: var(--border-width-2-5) solid var(--alert-dark);
1741
+ color: var(--alert-dark);
1742
+ }
1743
+
1744
+ .Button-outlined--alert:active {
1745
+ background: var(--alert-lightest);
1746
+ border: var(--border-width-2-5) solid var(--alert-dark);
1747
+ color: var(--alert-dark);
1748
+ }
1749
+
1750
+ .Button-outlined--alert:focus {
1751
+ border: var(--border-width-2-5) solid var(--alert);
1752
+ box-shadow: var(--shadow-spread) var(--alert-shadow);
1753
+ }
1754
+
1755
+ .Button-outlined--alert:disabled {
1756
+ background: transparent;
1757
+ color: var(--alert-lighter);
1758
+ border: var(--border-width-2-5) solid var(--alert-lighter);
1759
+ }
1760
+
1643
1761
  /* calendar */
1644
1762
 
1645
1763
  .Calendar-wrapper {
@@ -7438,6 +7556,10 @@ body {
7438
7556
  stroke: var(--white);
7439
7557
  }
7440
7558
 
7559
+ .Circle--alert {
7560
+ stroke: var(--alert);
7561
+ }
7562
+
7441
7563
  .StatusHint {
7442
7564
  display: flex;
7443
7565
  flex-direction: row;