@progressio_resources/gravity-design-system 3.0.15 → 3.0.17

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 (58) hide show
  1. package/esm2022/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.mjs +5 -3
  2. package/esm2022/lib/components/gravity-currency/gravity-currency.component.mjs +3 -3
  3. package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs +11 -5
  4. package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +3 -3
  5. package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +3 -3
  6. package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs +28 -0
  7. package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +3 -3
  8. package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +8 -3
  9. package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +7 -3
  10. package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +7 -6
  11. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +2 -2
  12. package/esm2022/lib/gravity-design-system.module.mjs +9 -4
  13. package/esm2022/public-api.mjs +2 -1
  14. package/fesm2022/progressio_resources-gravity-design-system.mjs +75 -29
  15. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  16. package/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.d.ts +2 -1
  17. package/lib/components/gravity-currency-display/gravity-currency-display.component.d.ts +4 -2
  18. package/lib/components/gravity-editable-input/gravity-editable-input.component.d.ts +11 -0
  19. package/lib/components/gravity-link/gravity-link.component.d.ts +3 -1
  20. package/lib/components/gravity-modal/gravity-modal.component.d.ts +3 -1
  21. package/lib/components/gravity-network-pill/gravity-network-pill.component.d.ts +6 -3
  22. package/lib/gravity-design-system.module.d.ts +10 -9
  23. package/package.json +1 -1
  24. package/public-api.d.ts +1 -0
  25. package/src/lib/assets/icon-set/coins/gt-icon-wbtc-currency/gt-icon-wbtc-currency-disabled.svg +1 -1
  26. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-lg-24.svg +1 -3
  27. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-md-16.svg +1 -3
  28. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-sm-12.svg +1 -3
  29. package/src/lib/assets/icon-set/gt-icon-download/gt-icon-download-xl-32.svg +1 -3
  30. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-lg-24.svg +1 -1
  31. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-md-16.svg +1 -1
  32. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-sm-12.svg +8 -1
  33. package/src/lib/assets/icon-set/gt-icon-eye-closed/gt-icon-eye-closed-xl-32.svg +1 -1
  34. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-lg-24.svg +1 -1
  35. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-md-16.svg +1 -1
  36. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-sm-12.svg +1 -1
  37. package/src/lib/assets/icon-set/gt-icon-eye-open/gt-icon-eye-open-xl-32.svg +1 -1
  38. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-lg-24.svg +1 -1
  39. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-md-16.svg +1 -1
  40. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-sm-12.svg +1 -1
  41. package/src/lib/assets/icon-set/gt-icon-more-options/gt-icon-more-options-xl-32.svg +1 -1
  42. package/src/lib/assets/icon-set/networks/gt-icon-bch-network/gt-icon-bch-network-disabled.svg +12 -0
  43. package/src/lib/assets/icon-set/networks/gt-icon-bch-network/gt-icon-bch-network.svg +11 -0
  44. package/src/lib/assets/icon-set/networks/gt-icon-bsc-network/gt-icon-bsc-network-disabled.svg +15 -0
  45. package/src/lib/assets/icon-set/networks/gt-icon-bsc-network/gt-icon-bsc-network.svg +14 -0
  46. package/src/lib/assets/icon-set/networks/gt-icon-btc-network/gt-icon-btc-network-disabled.svg +5 -0
  47. package/src/lib/assets/icon-set/networks/gt-icon-btc-network/gt-icon-btc-network.svg +4 -0
  48. package/src/lib/assets/icon-set/networks/gt-icon-erc20-network/gt-icon-erc20-network-disabled.svg +17 -0
  49. package/src/lib/assets/icon-set/networks/gt-icon-erc20-network/gt-icon-erc20-network.svg +16 -0
  50. package/src/lib/assets/icon-set/networks/gt-icon-lnbtc-network/gt-icon-lnbtc-network-disabled.svg +12 -0
  51. package/src/lib/assets/icon-set/networks/gt-icon-lnbtc-network/gt-icon-lnbtc-network.svg +11 -0
  52. package/src/lib/assets/icon-set/networks/gt-icon-ltc-network/gt-icon-ltc-network-disabled.svg +5 -0
  53. package/src/lib/assets/icon-set/networks/gt-icon-ltc-network/gt-icon-ltc-network.svg +4 -0
  54. package/src/lib/assets/icon-set/networks/gt-icon-trc20-network/gt-icon-trc20-network-disabled.svg +12 -0
  55. package/src/lib/assets/icon-set/networks/gt-icon-trc20-network/gt-icon-trc20-network.svg +11 -0
  56. package/src/lib/assets/json/icons.json +56 -0
  57. package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +2 -0
  58. package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +2 -0
@@ -0,0 +1,11 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_4398_7436)">
3
+ <path d="M5.99957 11.9991C9.31305 11.9991 11.9991 9.31305 11.9991 5.99957C11.9991 2.6861 9.31305 0 5.99957 0C2.6861 0 0 2.6861 0 5.99957C0 9.31305 2.6861 11.9991 5.99957 11.9991Z" fill="#7B1AF7"/>
4
+ <path d="M3.39466 6.12911L7.39438 2.68254C7.56884 2.57106 7.73478 2.68254 7.62841 2.87402L6.3519 5.38448H8.62833C8.62833 5.38448 8.99001 5.38448 8.62833 5.68233L4.69244 9.15017C4.41587 9.3842 4.22439 9.25655 4.41587 8.89487L5.64982 6.44824H3.39466C3.39466 6.44824 3.03299 6.44824 3.39466 6.12911Z" fill="white"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_4398_7436">
8
+ <rect width="12" height="11.9991" fill="white"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="6" cy="6" r="6" fill="white"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z" fill="#97A4BD"/>
4
+ <path d="M3.24792 9.75003C3.54699 8.7613 3.84077 7.78286 4.14249 6.78125C3.80372 6.88167 3.48347 6.97437 3.14999 7.07221C3.15529 7.04389 3.15793 7.02586 3.16323 7.00784C3.22675 6.8173 3.29291 6.62676 3.35379 6.43365C3.36702 6.39245 3.39084 6.37186 3.43319 6.35898C3.72697 6.27401 4.02339 6.18647 4.31717 6.1015C4.35423 6.0912 4.38069 6.07575 4.39393 6.03455C4.58714 5.38827 4.78299 4.74199 4.97884 4.09571C5.14029 3.56272 5.30174 3.02973 5.46583 2.49674C5.52141 2.31135 5.57699 2.12853 5.63257 1.94315C5.67227 1.80668 5.74902 1.75003 5.89724 1.75003C6.33394 1.75003 6.77064 1.75518 7.20469 1.75003C7.37672 1.74746 7.44554 1.89165 7.40848 2.01009C7.29732 2.36542 7.19146 2.72332 7.08294 3.08122C6.84474 3.86912 6.60654 4.65702 6.36834 5.44234C6.3657 5.45264 6.36305 5.46294 6.3604 5.48611C6.69388 5.38827 7.01678 5.293 7.35555 5.19516C7.33438 5.26725 7.3185 5.3239 7.29997 5.38055C7.25233 5.54276 7.20204 5.70497 7.1544 5.86719C7.14382 5.90581 7.12529 5.92384 7.08559 5.93413C6.79181 6.01395 6.49803 6.09635 6.20425 6.17617C6.14602 6.19162 6.11426 6.21737 6.09574 6.27659C5.90253 6.92545 5.70403 7.57173 5.50553 8.22059C5.49494 8.25406 5.487 8.28496 5.47642 8.3313H5.5717C6.68594 8.3313 7.80019 8.3313 8.91709 8.3313C9.04677 8.3313 9.11559 8.3725 9.14205 8.47807C9.14999 8.50897 9.14999 8.54759 9.14205 8.57849C9.04677 8.90292 8.94885 9.22734 8.85357 9.55177C8.80857 9.69854 8.73447 9.75261 8.57567 9.75261C6.83151 9.75261 5.08471 9.75261 3.34055 9.75261C1.5964 9.75261 3.28762 9.75261 3.24792 9.75261V9.75003Z" fill="#97A4BD"/>
5
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="6" cy="6" r="6" fill="#345D9D"/>
3
+ <path d="M3.24792 9.75003C3.54699 8.7613 3.84077 7.78286 4.14249 6.78125C3.80372 6.88167 3.48347 6.97437 3.14999 7.07221C3.15529 7.04389 3.15793 7.02586 3.16323 7.00784C3.22675 6.8173 3.29291 6.62676 3.35379 6.43365C3.36702 6.39245 3.39084 6.37186 3.43319 6.35898C3.72697 6.27401 4.02339 6.18647 4.31717 6.1015C4.35423 6.0912 4.38069 6.07575 4.39393 6.03455C4.58714 5.38827 4.78299 4.74199 4.97884 4.09571C5.14029 3.56272 5.30174 3.02973 5.46583 2.49674C5.52141 2.31135 5.57699 2.12853 5.63257 1.94315C5.67227 1.80668 5.74902 1.75003 5.89724 1.75003C6.33394 1.75003 6.77064 1.75518 7.20469 1.75003C7.37672 1.74746 7.44554 1.89165 7.40848 2.01009C7.29732 2.36542 7.19146 2.72332 7.08294 3.08122C6.84474 3.86912 6.60654 4.65702 6.36834 5.44234C6.3657 5.45264 6.36305 5.46294 6.3604 5.48611C6.69388 5.38827 7.01678 5.293 7.35555 5.19516C7.33438 5.26725 7.3185 5.3239 7.29997 5.38055C7.25233 5.54276 7.20204 5.70497 7.1544 5.86719C7.14382 5.90581 7.12529 5.92384 7.08559 5.93413C6.79181 6.01395 6.49803 6.09635 6.20425 6.17617C6.14602 6.19162 6.11426 6.21737 6.09574 6.27659C5.90253 6.92545 5.70403 7.57173 5.50553 8.22059C5.49494 8.25406 5.487 8.28496 5.47642 8.3313H5.5717C6.68594 8.3313 7.80019 8.3313 8.91709 8.3313C9.04677 8.3313 9.11559 8.3725 9.14205 8.47807C9.14999 8.50897 9.14999 8.54759 9.14205 8.57849C9.04677 8.90292 8.94885 9.22734 8.85357 9.55177C8.80857 9.69854 8.73447 9.75261 8.57567 9.75261C6.83151 9.75261 5.08471 9.75261 3.34055 9.75261C1.5964 9.75261 3.28762 9.75261 3.24792 9.75261V9.75003Z" fill="white"/>
4
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_4398_7372)">
3
+ <circle cx="6" cy="6" r="6" fill="white"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1.42692 2.94437C0.822569 3.84884 0.5 4.9122 0.5 6C0.5 7.45869 1.07946 8.85764 2.11091 9.88909C3.14236 10.9205 4.54131 11.5 6 11.5C7.0878 11.5 8.15117 11.1774 9.05564 10.5731C9.96011 9.96874 10.6651 9.10975 11.0813 8.10476C11.4976 7.09977 11.6065 5.9939 11.3943 4.92701C11.1821 3.86011 10.6583 2.8801 9.88909 2.11091C9.1199 1.34173 8.13989 0.817902 7.073 0.605684C6.0061 0.393465 4.90023 0.502383 3.89524 0.918665C2.89025 1.33495 2.03127 2.0399 1.42692 2.94437ZM1.01118 2.66658C0.351894 3.65328 0 4.81331 0 6C0 7.5913 0.632141 9.11742 1.75736 10.2426C2.88258 11.3679 4.4087 12 6 12C7.18669 12 8.34673 11.6481 9.33342 10.9888C10.3201 10.3295 11.0892 9.39246 11.5433 8.2961C11.9974 7.19975 12.1162 5.99335 11.8847 4.82946C11.6532 3.66557 11.0818 2.59648 10.2426 1.75736C9.40353 0.918247 8.33443 0.346802 7.17054 0.115291C6.00666 -0.11622 4.80026 0.00259972 3.7039 0.456725C2.60754 0.910851 1.67047 1.67989 1.01118 2.66658Z" fill="#97A4BD"/>
5
+ <path d="M9.90492 4.75942C9.55956 4.43473 9.08195 3.93893 8.69317 3.58757L8.6703 3.57104C8.63204 3.53976 8.58891 3.51524 8.5427 3.49847C7.60439 3.32026 3.2393 2.4893 3.15412 2.5001C3.13043 2.50353 3.10778 2.5123 3.08783 2.52576L3.06563 2.54331C3.03863 2.57117 3.01813 2.60485 3.00563 2.64186L3 2.65705V2.7529C3.49153 4.1465 5.43179 8.71036 5.81361 9.78197C5.83648 9.85453 5.8799 9.99291 5.96209 10H5.98065C6.0244 10 6.21067 9.74923 6.21067 9.74923C6.21067 9.74923 9.54365 5.63358 9.88073 5.19515C9.92435 5.14115 9.96286 5.08306 9.99574 5.02167C10.0041 4.97369 10.0001 4.92433 9.98421 4.87838C9.9683 4.83243 9.94098 4.79145 9.90492 4.75942ZM7.06579 5.23869L8.48834 4.03748L9.32258 4.82017L7.06579 5.23869ZM6.51328 5.16005L4.06459 3.1164L8.02697 3.85894L6.51328 5.16005ZM6.73435 5.69569L9.24104 5.28426L6.3754 8.80014L6.73435 5.69569ZM3.73182 3.32026L6.30845 5.54785L5.93558 8.80351L3.73182 3.32026Z" fill="#97A4BD"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_4398_7372">
9
+ <rect width="12" height="12" fill="white"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,11 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_4398_7368)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6C0 4.81331 0.351894 3.65328 1.01118 2.66658C1.67047 1.67989 2.60754 0.910851 3.7039 0.456725C4.80026 0.00259972 6.00665 -0.11622 7.17054 0.115291C8.33443 0.346802 9.40352 0.918247 10.2426 1.75736C11.0818 2.59648 11.6532 3.66557 11.8847 4.82946C12.1162 5.99335 11.9974 7.19975 11.5433 8.2961C11.0891 9.39246 10.3201 10.3295 9.33342 10.9888C8.34673 11.6481 7.18669 12 6 12C4.4087 12 2.88258 11.3679 1.75736 10.2426C0.632141 9.11742 0 7.5913 0 6Z" fill="#FF060A"/>
4
+ <path d="M9.90492 4.75942C9.55956 4.43473 9.08195 3.93893 8.69317 3.58757L8.6703 3.57104C8.63204 3.53976 8.58891 3.51524 8.5427 3.49847C7.60439 3.32026 3.2393 2.4893 3.15412 2.5001C3.13043 2.50353 3.10778 2.5123 3.08783 2.52576L3.06563 2.54331C3.03863 2.57117 3.01813 2.60485 3.00563 2.64186L3 2.65705V2.7529C3.49153 4.1465 5.43179 8.71036 5.81361 9.78197C5.83648 9.85453 5.8799 9.99291 5.96209 10H5.98065C6.0244 10 6.21067 9.74923 6.21067 9.74923C6.21067 9.74923 9.54365 5.63358 9.88073 5.19515C9.92435 5.14115 9.96286 5.08306 9.99574 5.02167C10.0041 4.97369 10.0001 4.92433 9.98421 4.87838C9.9683 4.83243 9.94098 4.79145 9.90492 4.75942ZM7.06579 5.23869L8.48834 4.03748L9.32258 4.82017L7.06579 5.23869ZM6.51328 5.16005L4.06459 3.1164L8.02697 3.85894L6.51328 5.16005ZM6.73435 5.69569L9.24104 5.28426L6.3754 8.80014L6.73435 5.69569ZM3.73182 3.32026L6.30845 5.54785L5.93558 8.80351L3.73182 3.32026Z" fill="white"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_4398_7368">
8
+ <rect width="12" height="12" fill="white"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
@@ -544,6 +544,62 @@
544
544
  "iconName": "gt-icon-more-options-xl-32",
545
545
  "iconPath": "/assets/gravity/icon-set/gt-icon-more-options/gt-icon-more-options-xl-32.svg"
546
546
  },
547
+ {
548
+ "iconName": "gt-icon-network-id-1",
549
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-btc-network/gt-icon-btc-network.svg"
550
+ },
551
+ {
552
+ "iconName": "gt-icon-network-id-1-disabled",
553
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-btc-network/gt-icon-btc-network-disabled.svg"
554
+ },
555
+ {
556
+ "iconName": "gt-icon-network-id-2",
557
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-erc20-network/gt-icon-erc20-network.svg"
558
+ },
559
+ {
560
+ "iconName": "gt-icon-network-id-2-disabled",
561
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-erc20-network/gt-icon-erc20-network-disabled.svg"
562
+ },
563
+ {
564
+ "iconName": "gt-icon-network-id-3",
565
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-ltc-network/gt-icon-ltc-network.svg"
566
+ },
567
+ {
568
+ "iconName": "gt-icon-network-id-3-disabled",
569
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-ltc-network/gt-icon-ltc-network-disabled.svg"
570
+ },
571
+ {
572
+ "iconName": "gt-icon-network-id-4",
573
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-bch-network/gt-icon-bch-network.svg"
574
+ },
575
+ {
576
+ "iconName": "gt-icon-network-id-4-disabled",
577
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-bch-network/gt-icon-bch-network-disabled.svg"
578
+ },
579
+ {
580
+ "iconName": "gt-icon-network-id-5",
581
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-trc20-network/gt-icon-trc20-network.svg"
582
+ },
583
+ {
584
+ "iconName": "gt-icon-network-id-5-disabled",
585
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-trc20-network/gt-icon-trc20-network-disabled.svg"
586
+ },
587
+ {
588
+ "iconName": "gt-icon-network-id-6",
589
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-lnbtc-network/gt-icon-lnbtc-network.svg"
590
+ },
591
+ {
592
+ "iconName": "gt-icon-network-id-6-disabled",
593
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-lnbtc-network/gt-icon-lnbtc-network-disabled.svg"
594
+ },
595
+ {
596
+ "iconName": "gt-icon-network-id-7",
597
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-bsc-network/gt-icon-bsc-network.svg"
598
+ },
599
+ {
600
+ "iconName": "gt-icon-network-id-7-disabled",
601
+ "iconPath": "/assets/gravity/icon-set/networks/gt-icon-bsc-network/gt-icon-bsc-network-disabled.svg"
602
+ },
547
603
  {
548
604
  "iconName": "gt-icon-new-tab-lg-24",
549
605
  "iconPath": "/assets/gravity/icon-set/gt-icon-new-tab/gt-icon-new-tab-lg-24.svg"
@@ -95,6 +95,8 @@ $on-bg-button-active-neutro-light: $n400;
95
95
  $bg-button-active-neutro-light: $n800;
96
96
  $on-bg-button-active-neutro-dark: $n800;
97
97
  $bg-button-active-neutro-dark: $n200;
98
+ $bg-neutro-dot-primary-light: $n600;
99
+ $bg-neutro-dot-primary-dark: $n800;
98
100
 
99
101
  // disabled-status
100
102
  $on-bg-disabled-light: $n600;
@@ -56,6 +56,7 @@
56
56
  // button-neutral
57
57
  --on-bg-button-active-neutro: #{$on-bg-button-active-neutro-light};
58
58
  --bg-button-active-neutro: #{$bg-button-active-neutro-light};
59
+ --bg-neutro-dot-primary: #{$bg-neutro-dot-primary-light};
59
60
 
60
61
  // disabled-status
61
62
  --on-bg-disabled: #{$on-bg-disabled-light};
@@ -409,6 +410,7 @@
409
410
  // button-neutral
410
411
  --on-bg-button-active-neutro: #{$on-bg-button-active-neutro-dark};
411
412
  --bg-button-active-neutro: #{$bg-button-active-neutro-dark};
413
+ --bg-neutro-dot-primary: #{$bg-neutro-dot-primary-dark};
412
414
 
413
415
  // disabled-status
414
416
  --on-bg-disabled: #{$on-bg-disabled-dark};