@carbon/ibm-products 2.43.2-canary.83 → 2.43.2-canary.88

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 (24) hide show
  1. package/css/index-full-carbon.css +9 -66
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +9 -66
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +9 -66
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Coachmark/Coachmark.d.ts +6 -1
  14. package/es/components/Coachmark/Coachmark.js +37 -6
  15. package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
  16. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  17. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  18. package/lib/components/Coachmark/Coachmark.js +36 -5
  19. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  20. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  21. package/package.json +4 -4
  22. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  23. package/scss/components/Coachmark/_coachmark.scss +5 -4
  24. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
package/css/index-without-carbon.css CHANGED
@@ -1802,6 +1802,10 @@ p.c4p--about-modal__copyright-text:first-child {
1802
1802
  color: var(--cds-text-inverse, #ffffff);
1803
1803
  visibility: hidden;
1804
1804
  }
1805
+ .c4p--coachmark-overlay--tooltip {
1806
+ position: initial;
1807
+ transform: none !important;
1808
+ }
1805
1809
  .c4p--coachmark-overlay--fixed {
1806
1810
  position: fixed;
1807
1811
  right: 1rem;
@@ -1823,105 +1827,42 @@ p.c4p--about-modal__copyright-text:first-child {
1823
1827
  transform: translateY(0);
1824
1828
  visibility: visible;
1825
1829
  }
1826
- .c4p--coachmark-overlay__caret {
1827
- position: absolute;
1828
- z-index: 5902;
1829
- width: 0;
1830
- height: 0;
1831
- border-right: 0.375rem solid transparent;
1832
- border-bottom: solid 0.375rem var(--cds-background-inverse, #393939);
1833
- border-left: 0.375rem solid transparent;
1834
- }
1835
1830
  .c4p--coachmark-overlay--top {
1836
1831
  transform: translate(-50%, calc(-1 * (100% + 1.5rem + 0.375rem)));
1837
1832
  }
1838
- .c4p--coachmark-overlay--top .c4p--coachmark-overlay__caret {
1839
- left: calc(50% - 0.375rem);
1840
- transform: rotate(180deg);
1841
- }
1842
1833
  .c4p--coachmark-overlay--top-left {
1843
1834
  transform: translate(-1.5rem, calc(-1 * (100% + 1.5rem + 0.375rem)));
1844
1835
  }
1845
- .c4p--coachmark-overlay--top-left .c4p--coachmark-overlay__caret {
1846
- left: 1.125rem;
1847
- transform: rotate(180deg);
1848
- }
1849
1836
  .c4p--coachmark-overlay--top-right {
1850
1837
  transform: translate(calc(-1 * (100% - 1.5rem)), calc(-1 * (100% + 1.5rem + 0.375rem)));
1851
1838
  }
1852
- .c4p--coachmark-overlay--top-right .c4p--coachmark-overlay__caret {
1853
- right: 1.125rem;
1854
- transform: rotate(180deg);
1855
- }
1856
1839
  .c4p--coachmark-overlay--bottom {
1857
1840
  transform: translate(-50%, 1.875rem);
1858
1841
  }
1859
- .c4p--coachmark-overlay--bottom .c4p--coachmark-overlay__caret {
1860
- top: -0.375rem;
1861
- left: calc(50% - 0.375rem);
1862
- }
1863
1842
  .c4p--coachmark-overlay--bottom-left {
1864
1843
  transform: translate(-1.5rem, 1.875rem);
1865
1844
  }
1866
- .c4p--coachmark-overlay--bottom-left .c4p--coachmark-overlay__caret {
1867
- top: -0.375rem;
1868
- left: 1.125rem;
1869
- }
1870
1845
  .c4p--coachmark-overlay--bottom-right {
1871
1846
  transform: translate(calc(-1 * (100% - 1.5rem)), 1.875rem);
1872
1847
  }
1873
- .c4p--coachmark-overlay--bottom-right .c4p--coachmark-overlay__caret {
1874
- top: -0.375rem;
1875
- right: 1.125rem;
1876
- }
1877
1848
  .c4p--coachmark-overlay--left {
1878
1849
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -50%);
1879
1850
  }
1880
- .c4p--coachmark-overlay--left .c4p--coachmark-overlay__caret {
1881
- top: calc(50% - 0.1875rem);
1882
- right: -0.5625rem;
1883
- transform: rotate(90deg);
1884
- }
1885
1851
  .c4p--coachmark-overlay--left-top {
1886
1852
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -1.5rem);
1887
1853
  }
1888
- .c4p--coachmark-overlay--left-top .c4p--coachmark-overlay__caret {
1889
- top: 1.3125rem;
1890
- right: -0.5625rem;
1891
- transform: rotate(90deg);
1892
- }
1893
1854
  .c4p--coachmark-overlay--left-bottom {
1894
1855
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), calc(-1 * (100% - 1.5rem)));
1895
1856
  }
1896
- .c4p--coachmark-overlay--left-bottom .c4p--coachmark-overlay__caret {
1897
- right: -0.5625rem;
1898
- bottom: 1.3125rem;
1899
- transform: rotate(90deg);
1900
- }
1901
1857
  .c4p--coachmark-overlay--right {
1902
1858
  transform: translate(1.875rem, -50%);
1903
1859
  }
1904
- .c4p--coachmark-overlay--right .c4p--coachmark-overlay__caret {
1905
- top: calc(50% - 0.1875rem);
1906
- left: -0.5625rem;
1907
- transform: rotate(-90deg);
1908
- }
1909
1860
  .c4p--coachmark-overlay--right-top {
1910
1861
  transform: translate(1.875rem, -1.5rem);
1911
1862
  }
1912
- .c4p--coachmark-overlay--right-top .c4p--coachmark-overlay__caret {
1913
- top: 1.3125rem;
1914
- left: -0.5625rem;
1915
- transform: rotate(-90deg);
1916
- }
1917
1863
  .c4p--coachmark-overlay--right-bottom {
1918
1864
  transform: translate(1.875rem, calc(-1 * (100% - 1.5rem)));
1919
1865
  }
1920
- .c4p--coachmark-overlay--right-bottom .c4p--coachmark-overlay__caret {
1921
- bottom: 1.3125rem;
1922
- left: -0.5625rem;
1923
- transform: rotate(-90deg);
1924
- }
1925
1866
  .c4p--coachmark-overlay__element-stepped-media {
1926
1867
  height: 8rem;
1927
1868
  margin-bottom: 1rem;
@@ -2193,6 +2134,10 @@ p.c4p--about-modal__copyright-text:first-child {
2193
2134
  background-color: #7c3dd6 !important;
2194
2135
  }
2195
2136
 
2137
+ .c4p--coachmark {
2138
+ position: relative;
2139
+ }
2140
+
2196
2141
  /* stylelint-disable carbon/layout-token-use */
2197
2142
  /* stylelint-disable carbon/motion-easing-use */
2198
2143
  /* stylelint-disable max-nesting-depth */
@@ -2229,9 +2174,7 @@ p.c4p--about-modal__copyright-text:first-child {
2229
2174
  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
2230
2175
  }
2231
2176
  .c4p--coachmark-beacon .c4p--coachmark-beacon__target {
2232
- position: absolute;
2233
- top: -1rem;
2234
- left: -1rem;
2177
+ display: flex;
2235
2178
  width: 2rem;
2236
2179
  height: 2rem;
2237
2180
  padding: 0;