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