@bcc-code/design-tokens 5.1.44 → 5.1.45
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.
|
@@ -1815,6 +1815,78 @@ export default {
|
|
|
1815
1815
|
}
|
|
1816
1816
|
}
|
|
1817
1817
|
},
|
|
1818
|
+
"stepper": {
|
|
1819
|
+
"separator": {
|
|
1820
|
+
"background": "{color.background.accent.gray.default}",
|
|
1821
|
+
"active": {
|
|
1822
|
+
"background": "{color.background.brand.bolder.default}"
|
|
1823
|
+
},
|
|
1824
|
+
"margin": "{space.0} {space.0} {space.0} {space.200}",
|
|
1825
|
+
"size": "{space.50}"
|
|
1826
|
+
},
|
|
1827
|
+
"step": {
|
|
1828
|
+
"padding": "{space.100}",
|
|
1829
|
+
"gap": "{space.200}",
|
|
1830
|
+
"header": {
|
|
1831
|
+
"padding": "{space.0}",
|
|
1832
|
+
"border": {
|
|
1833
|
+
"radius": "{border-radius.sm}"
|
|
1834
|
+
},
|
|
1835
|
+
"focus": {
|
|
1836
|
+
"ring": {
|
|
1837
|
+
"width": "{focus.ring.width}",
|
|
1838
|
+
"style": "{focus.ring.style}",
|
|
1839
|
+
"color": "{color.border.focused}",
|
|
1840
|
+
"offset": "{focus.ring.offset}",
|
|
1841
|
+
"shadow": "{focus.ring.shadow}"
|
|
1842
|
+
}
|
|
1843
|
+
},
|
|
1844
|
+
"gap": "{space.100}"
|
|
1845
|
+
},
|
|
1846
|
+
"title": {
|
|
1847
|
+
"color": "{color.text.subtlest}",
|
|
1848
|
+
"active": {
|
|
1849
|
+
"color": "{color.text.selected}"
|
|
1850
|
+
},
|
|
1851
|
+
"font": {
|
|
1852
|
+
"weight": "{font-weight.medium}"
|
|
1853
|
+
}
|
|
1854
|
+
},
|
|
1855
|
+
"number": {
|
|
1856
|
+
"background": "{color.elevation.surface.default}",
|
|
1857
|
+
"active": {
|
|
1858
|
+
"background": "{color.elevation.surface.default}",
|
|
1859
|
+
"border": {
|
|
1860
|
+
"color": "{color.border.default}"
|
|
1861
|
+
},
|
|
1862
|
+
"color": "{color.text.selected}"
|
|
1863
|
+
},
|
|
1864
|
+
"border": {
|
|
1865
|
+
"color": "{color.border.default}",
|
|
1866
|
+
"radius": "{border-radius.xl}"
|
|
1867
|
+
},
|
|
1868
|
+
"color": "{color.text.subtlest}",
|
|
1869
|
+
"size": "{space.400}",
|
|
1870
|
+
"font": {
|
|
1871
|
+
"size": "{font-size.md}",
|
|
1872
|
+
"weight": "{font-weight.medium}"
|
|
1873
|
+
},
|
|
1874
|
+
"shadow": "0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12)"
|
|
1875
|
+
}
|
|
1876
|
+
},
|
|
1877
|
+
"steppanels": {
|
|
1878
|
+
"padding": "{space.150} {space.100} {space.200} {space.100}"
|
|
1879
|
+
},
|
|
1880
|
+
"steppanel": {
|
|
1881
|
+
"padding": "{space.0}",
|
|
1882
|
+
"background": "{color.transparent}",
|
|
1883
|
+
"color": "{color.text.default}",
|
|
1884
|
+
"indent": "{space.200}"
|
|
1885
|
+
},
|
|
1886
|
+
"transition": {
|
|
1887
|
+
"duration": "{transition.duration}"
|
|
1888
|
+
}
|
|
1889
|
+
},
|
|
1818
1890
|
"tabs": {
|
|
1819
1891
|
"tablist": {
|
|
1820
1892
|
"background": "{color.transparent}",
|
|
@@ -1815,6 +1815,78 @@ export default {
|
|
|
1815
1815
|
}
|
|
1816
1816
|
}
|
|
1817
1817
|
},
|
|
1818
|
+
"stepper": {
|
|
1819
|
+
"separator": {
|
|
1820
|
+
"background": "{color.background.accent.gray.default}",
|
|
1821
|
+
"active": {
|
|
1822
|
+
"background": "{color.background.brand.bolder.default}"
|
|
1823
|
+
},
|
|
1824
|
+
"margin": "{space.0} {space.0} {space.0} {space.200}",
|
|
1825
|
+
"size": "{space.50}"
|
|
1826
|
+
},
|
|
1827
|
+
"step": {
|
|
1828
|
+
"padding": "{space.100}",
|
|
1829
|
+
"gap": "{space.200}",
|
|
1830
|
+
"header": {
|
|
1831
|
+
"padding": "{space.0}",
|
|
1832
|
+
"border": {
|
|
1833
|
+
"radius": "{border-radius.sm}"
|
|
1834
|
+
},
|
|
1835
|
+
"focus": {
|
|
1836
|
+
"ring": {
|
|
1837
|
+
"width": "{focus.ring.width}",
|
|
1838
|
+
"style": "{focus.ring.style}",
|
|
1839
|
+
"color": "{color.border.focused}",
|
|
1840
|
+
"offset": "{focus.ring.offset}",
|
|
1841
|
+
"shadow": "{focus.ring.shadow}"
|
|
1842
|
+
}
|
|
1843
|
+
},
|
|
1844
|
+
"gap": "{space.100}"
|
|
1845
|
+
},
|
|
1846
|
+
"title": {
|
|
1847
|
+
"color": "{color.text.subtlest}",
|
|
1848
|
+
"active": {
|
|
1849
|
+
"color": "{color.text.selected}"
|
|
1850
|
+
},
|
|
1851
|
+
"font": {
|
|
1852
|
+
"weight": "{font-weight.medium}"
|
|
1853
|
+
}
|
|
1854
|
+
},
|
|
1855
|
+
"number": {
|
|
1856
|
+
"background": "{color.elevation.surface.default}",
|
|
1857
|
+
"active": {
|
|
1858
|
+
"background": "{color.elevation.surface.default}",
|
|
1859
|
+
"border": {
|
|
1860
|
+
"color": "{color.border.default}"
|
|
1861
|
+
},
|
|
1862
|
+
"color": "{color.text.selected}"
|
|
1863
|
+
},
|
|
1864
|
+
"border": {
|
|
1865
|
+
"color": "{color.border.default}",
|
|
1866
|
+
"radius": "{border-radius.xl}"
|
|
1867
|
+
},
|
|
1868
|
+
"color": "{color.text.subtlest}",
|
|
1869
|
+
"size": "{space.400}",
|
|
1870
|
+
"font": {
|
|
1871
|
+
"size": "{font-size.md}",
|
|
1872
|
+
"weight": "{font-weight.medium}"
|
|
1873
|
+
},
|
|
1874
|
+
"shadow": "0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12)"
|
|
1875
|
+
}
|
|
1876
|
+
},
|
|
1877
|
+
"steppanels": {
|
|
1878
|
+
"padding": "{space.150} {space.100} {space.200} {space.100}"
|
|
1879
|
+
},
|
|
1880
|
+
"steppanel": {
|
|
1881
|
+
"padding": "{space.0}",
|
|
1882
|
+
"background": "{color.transparent}",
|
|
1883
|
+
"color": "{color.text.default}",
|
|
1884
|
+
"indent": "{space.200}"
|
|
1885
|
+
},
|
|
1886
|
+
"transition": {
|
|
1887
|
+
"duration": "{transition.duration}"
|
|
1888
|
+
}
|
|
1889
|
+
},
|
|
1818
1890
|
"tabs": {
|
|
1819
1891
|
"tablist": {
|
|
1820
1892
|
"background": "{color.transparent}",
|
package/build/primevue/config.js
CHANGED
|
@@ -2583,6 +2583,60 @@ const BCCPreset = definePreset(Aura, {
|
|
|
2583
2583
|
}
|
|
2584
2584
|
}
|
|
2585
2585
|
},
|
|
2586
|
+
stepper: {
|
|
2587
|
+
root: {
|
|
2588
|
+
transitionDuration: "{transition.duration}"
|
|
2589
|
+
},
|
|
2590
|
+
separator: {
|
|
2591
|
+
background: "var(--color-background-accent-gray-default)",
|
|
2592
|
+
activeBackground: "var(--color-background-brand-bolder-default)",
|
|
2593
|
+
margin: "var(--space-0) var(--space-0) var(--space-0) var(--space-200)",
|
|
2594
|
+
size: "var(--space-50)"
|
|
2595
|
+
},
|
|
2596
|
+
step: {
|
|
2597
|
+
padding: "var(--space-100)",
|
|
2598
|
+
gap: "var(--space-200)"
|
|
2599
|
+
},
|
|
2600
|
+
stepHeader: {
|
|
2601
|
+
padding: "var(--space-0)",
|
|
2602
|
+
borderRadius: "var(--border-radius-sm)",
|
|
2603
|
+
focusRing: {
|
|
2604
|
+
width: "{focus.ring.width}",
|
|
2605
|
+
style: "{focus.ring.style}",
|
|
2606
|
+
color: "var(--color-border-focused)",
|
|
2607
|
+
offset: "{focus.ring.offset}",
|
|
2608
|
+
shadow: "{focus.ring.shadow}"
|
|
2609
|
+
},
|
|
2610
|
+
gap: "var(--space-100)"
|
|
2611
|
+
},
|
|
2612
|
+
stepTitle: {
|
|
2613
|
+
color: "var(--color-text-subtlest)",
|
|
2614
|
+
activeColor: "var(--color-text-selected)",
|
|
2615
|
+
fontWeight: "var(--font-weight-medium)"
|
|
2616
|
+
},
|
|
2617
|
+
stepNumber: {
|
|
2618
|
+
background: "var(--color-elevation-surface-default)",
|
|
2619
|
+
activeBackground: "var(--color-elevation-surface-default)",
|
|
2620
|
+
borderColor: "var(--color-border-default)",
|
|
2621
|
+
activeBorderColor: "var(--color-border-default)",
|
|
2622
|
+
color: "var(--color-text-subtlest)",
|
|
2623
|
+
activeColor: "var(--color-text-selected)",
|
|
2624
|
+
size: "var(--space-400)",
|
|
2625
|
+
fontSize: "var(--font-size-md)",
|
|
2626
|
+
fontWeight: "var(--font-weight-medium)",
|
|
2627
|
+
borderRadius: "var(--border-radius-xl)",
|
|
2628
|
+
shadow: "0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12)"
|
|
2629
|
+
},
|
|
2630
|
+
steppanels: {
|
|
2631
|
+
padding: "var(--space-150) var(--space-100) var(--space-200) var(--space-100)"
|
|
2632
|
+
},
|
|
2633
|
+
steppanel: {
|
|
2634
|
+
background: "transparent",
|
|
2635
|
+
color: "var(--color-text-default)",
|
|
2636
|
+
padding: "var(--space-0)",
|
|
2637
|
+
indent: "var(--space-200)"
|
|
2638
|
+
}
|
|
2639
|
+
},
|
|
2586
2640
|
tabs: {
|
|
2587
2641
|
root: {
|
|
2588
2642
|
transitionDuration: "{transition.duration}"
|