minolith 1.1.5 → 1.1.6

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 (8) hide show
  1. package/dist/css/minolith-skelton.css +30 -30
  2. package/dist/css/minolith-skelton.min.css +30 -30
  3. package/dist/css/minolith.css +30 -30
  4. package/dist/css/minolith.min.css +3 -3
  5. package/package.json +1 -1
  6. package/src/components/dialogue.scss +25 -25
  7. package/src/css-variables/components/dialogue.scss +2 -2
  8. package/src/variables/components/dialogue.scss +2 -2
package/dist/css/minolith-skelton.css CHANGED
@@ -757,8 +757,8 @@
757
757
  --minolith-dialogue-name-font-size: 1rem;
758
758
  --minolith-dialogue-name-padding-x: 1rem;
759
759
  --minolith-dialogue-name-padding-y: 0.5rem;
760
- --minolith-dialogue-messege-arrow-width: 1rem;
761
- --minolith-dialogue-messege-arrow-height: 1rem;
760
+ --minolith-dialogue-message-arrow-width: 1rem;
761
+ --minolith-dialogue-message-arrow-height: 1rem;
762
762
  --minolith-dialogue-message-inner-padding-x: 1rem;
763
763
  --minolith-dialogue-message-inner-padding-y: 1rem;
764
764
  }
@@ -1829,7 +1829,7 @@ summary {
1829
1829
  --minolith-dialogue-border-width: var(
1830
1830
  --minolith-border-width-medium
1831
1831
  );
1832
- --minolith-dialogue-messege-top-offset: calc(
1832
+ --minolith-dialogue-message-top-offset: calc(
1833
1833
  (
1834
1834
  var(--minolith-dialogue-name-padding-y) * 2 +
1835
1835
  var(--minolith-dialogue-border-width) * 2 +
@@ -1837,10 +1837,10 @@ summary {
1837
1837
  ) /
1838
1838
  2
1839
1839
  );
1840
- --minolith-dialogue-messege-arrow-top-offset: calc(
1841
- (-1 * var(--minolith-dialogue-messege-top-offset)) +
1840
+ --minolith-dialogue-message-arrow-top-offset: calc(
1841
+ (-1 * var(--minolith-dialogue-message-top-offset)) +
1842
1842
  (-1 * var(--minolith-dialogue-border-width)) +
1843
- (-1 * var(--minolith-dialogue-messege-arrow-height) / 2) +
1843
+ (-1 * var(--minolith-dialogue-message-arrow-height) / 2) +
1844
1844
  var(--minolith-dialogue-avatar-top-offset) +
1845
1845
  (var(--minolith-dialogue-avatar-size) / 2)
1846
1846
  );
@@ -1854,7 +1854,7 @@ summary {
1854
1854
  display: flex;
1855
1855
  max-width: 100%;
1856
1856
  margin: 0;
1857
- padding-bottom: var(--minolith-dialogue-messege-top-offset);
1857
+ padding-bottom: var(--minolith-dialogue-message-top-offset);
1858
1858
  position: relative;
1859
1859
  width: 100%;
1860
1860
  }
@@ -1867,10 +1867,10 @@ summary {
1867
1867
  background-color: var(--minolith-dialogue-color-selection-back);
1868
1868
  }
1869
1869
  :where(.dialogue).is-avatar-circle {
1870
- --minolith-dialogue-messege-arrow-top-offset: calc(
1871
- (-1 * var(--minolith-dialogue-messege-top-offset)) +
1870
+ --minolith-dialogue-message-arrow-top-offset: calc(
1871
+ (-1 * var(--minolith-dialogue-message-top-offset)) +
1872
1872
  (-1 * var(--minolith-dialogue-border-width)) +
1873
- (-1 * var(--minolith-dialogue-messege-arrow-height) / 2) +
1873
+ (-1 * var(--minolith-dialogue-message-arrow-height) / 2) +
1874
1874
  var(--minolith-dialogue-avatar-top-offset) +
1875
1875
  (
1876
1876
  var(--minolith-dialogue-avatar-size) +
@@ -1952,8 +1952,8 @@ summary {
1952
1952
  border-color: var(--minolith-dialogue-message-color-border);
1953
1953
  color: var(--minolith-dialogue-message-color-fore);
1954
1954
  position: relative;
1955
- top: var(--minolith-dialogue-messege-top-offset);
1956
- padding-top: calc(var(--minolith-dialogue-messege-top-offset) / 2);
1955
+ top: var(--minolith-dialogue-message-top-offset);
1956
+ padding-top: calc(var(--minolith-dialogue-message-top-offset) / 2);
1957
1957
  width: auto;
1958
1958
  z-index: 0;
1959
1959
  }
@@ -1962,10 +1962,10 @@ summary {
1962
1962
  }
1963
1963
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-name {
1964
1964
  right: auto;
1965
- left: var(--minolith-dialogue-messege-arrow-width);
1965
+ left: var(--minolith-dialogue-message-arrow-width);
1966
1966
  }
1967
1967
  :where(.dialogue).is-left > .dialogue-content-container {
1968
- padding-left: var(--minolith-dialogue-messege-arrow-width);
1968
+ padding-left: var(--minolith-dialogue-message-arrow-width);
1969
1969
  }
1970
1970
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message {
1971
1971
  right: auto;
@@ -1973,15 +1973,15 @@ summary {
1973
1973
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::after, :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::before {
1974
1974
  border-top-color: transparent;
1975
1975
  border-top-style: solid;
1976
- border-top-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
1976
+ border-top-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
1977
1977
  border-bottom-color: transparent;
1978
1978
  border-bottom-style: solid;
1979
- border-bottom-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
1979
+ border-bottom-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
1980
1980
  content: "";
1981
1981
  display: block;
1982
1982
  height: 0;
1983
1983
  position: absolute;
1984
- top: var(--minolith-dialogue-messege-arrow-top-offset);
1984
+ top: var(--minolith-dialogue-message-arrow-top-offset);
1985
1985
  right: auto;
1986
1986
  width: 0;
1987
1987
  z-index: -1;
@@ -1992,22 +1992,22 @@ summary {
1992
1992
  }
1993
1993
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::before {
1994
1994
  border-right-color: var(--minolith-dialogue-message-color-border);
1995
- border-right-width: var(--minolith-dialogue-messege-arrow-width);
1995
+ border-right-width: var(--minolith-dialogue-message-arrow-width);
1996
1996
  border-right-style: solid;
1997
- left: calc(-1 * var(--minolith-dialogue-messege-arrow-width));
1997
+ left: calc(-1 * var(--minolith-dialogue-message-arrow-width));
1998
1998
  }
1999
1999
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::after {
2000
2000
  border-right-color: var(--minolith-dialogue-message-color-back);
2001
- border-right-width: var(--minolith-dialogue-messege-arrow-width);
2001
+ border-right-width: var(--minolith-dialogue-message-arrow-width);
2002
2002
  border-right-style: solid;
2003
- left: calc(-1 * var(--minolith-dialogue-messege-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2003
+ left: calc(-1 * var(--minolith-dialogue-message-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2004
2004
  }
2005
2005
  :where(.dialogue).is-right > .dialogue-content-container {
2006
- padding-right: var(--minolith-dialogue-messege-arrow-width);
2006
+ padding-right: var(--minolith-dialogue-message-arrow-width);
2007
2007
  }
2008
2008
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-name {
2009
2009
  left: auto;
2010
- right: var(--minolith-dialogue-messege-arrow-width);
2010
+ right: var(--minolith-dialogue-message-arrow-width);
2011
2011
  }
2012
2012
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message {
2013
2013
  left: auto;
@@ -2015,15 +2015,15 @@ summary {
2015
2015
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::after, :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::before {
2016
2016
  border-top-color: transparent;
2017
2017
  border-top-style: solid;
2018
- border-top-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
2018
+ border-top-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
2019
2019
  border-bottom-color: transparent;
2020
2020
  border-bottom-style: solid;
2021
- border-bottom-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
2021
+ border-bottom-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
2022
2022
  content: "";
2023
2023
  display: block;
2024
2024
  height: 0;
2025
2025
  position: absolute;
2026
- top: var(--minolith-dialogue-messege-arrow-top-offset);
2026
+ top: var(--minolith-dialogue-message-arrow-top-offset);
2027
2027
  right: auto;
2028
2028
  width: 0;
2029
2029
  z-index: -1;
@@ -2034,15 +2034,15 @@ summary {
2034
2034
  }
2035
2035
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::before {
2036
2036
  border-left-color: var(--minolith-dialogue-message-color-border);
2037
- border-left-width: var(--minolith-dialogue-messege-arrow-width);
2037
+ border-left-width: var(--minolith-dialogue-message-arrow-width);
2038
2038
  border-left-style: solid;
2039
- right: calc(-1 * var(--minolith-dialogue-messege-arrow-width));
2039
+ right: calc(-1 * var(--minolith-dialogue-message-arrow-width));
2040
2040
  }
2041
2041
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::after {
2042
2042
  border-left-color: var(--minolith-dialogue-message-color-back);
2043
- border-left-width: var(--minolith-dialogue-messege-arrow-width);
2043
+ border-left-width: var(--minolith-dialogue-message-arrow-width);
2044
2044
  border-left-style: solid;
2045
- right: calc(-1 * var(--minolith-dialogue-messege-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2045
+ right: calc(-1 * var(--minolith-dialogue-message-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2046
2046
  }
2047
2047
 
2048
2048
  :where(.div) {
package/dist/css/minolith-skelton.min.css CHANGED
@@ -757,8 +757,8 @@
757
757
  --minolith-dialogue-name-font-size: 1rem;
758
758
  --minolith-dialogue-name-padding-x: 1rem;
759
759
  --minolith-dialogue-name-padding-y: 0.5rem;
760
- --minolith-dialogue-messege-arrow-width: 1rem;
761
- --minolith-dialogue-messege-arrow-height: 1rem;
760
+ --minolith-dialogue-message-arrow-width: 1rem;
761
+ --minolith-dialogue-message-arrow-height: 1rem;
762
762
  --minolith-dialogue-message-inner-padding-x: 1rem;
763
763
  --minolith-dialogue-message-inner-padding-y: 1rem;
764
764
  }
@@ -1829,7 +1829,7 @@ summary {
1829
1829
  --minolith-dialogue-border-width: var(
1830
1830
  --minolith-border-width-medium
1831
1831
  );
1832
- --minolith-dialogue-messege-top-offset: calc(
1832
+ --minolith-dialogue-message-top-offset: calc(
1833
1833
  (
1834
1834
  var(--minolith-dialogue-name-padding-y) * 2 +
1835
1835
  var(--minolith-dialogue-border-width) * 2 +
@@ -1837,10 +1837,10 @@ summary {
1837
1837
  ) /
1838
1838
  2
1839
1839
  );
1840
- --minolith-dialogue-messege-arrow-top-offset: calc(
1841
- (-1 * var(--minolith-dialogue-messege-top-offset)) +
1840
+ --minolith-dialogue-message-arrow-top-offset: calc(
1841
+ (-1 * var(--minolith-dialogue-message-top-offset)) +
1842
1842
  (-1 * var(--minolith-dialogue-border-width)) +
1843
- (-1 * var(--minolith-dialogue-messege-arrow-height) / 2) +
1843
+ (-1 * var(--minolith-dialogue-message-arrow-height) / 2) +
1844
1844
  var(--minolith-dialogue-avatar-top-offset) +
1845
1845
  (var(--minolith-dialogue-avatar-size) / 2)
1846
1846
  );
@@ -1854,7 +1854,7 @@ summary {
1854
1854
  display: flex;
1855
1855
  max-width: 100%;
1856
1856
  margin: 0;
1857
- padding-bottom: var(--minolith-dialogue-messege-top-offset);
1857
+ padding-bottom: var(--minolith-dialogue-message-top-offset);
1858
1858
  position: relative;
1859
1859
  width: 100%;
1860
1860
  }
@@ -1867,10 +1867,10 @@ summary {
1867
1867
  background-color: var(--minolith-dialogue-color-selection-back);
1868
1868
  }
1869
1869
  :where(.dialogue).is-avatar-circle {
1870
- --minolith-dialogue-messege-arrow-top-offset: calc(
1871
- (-1 * var(--minolith-dialogue-messege-top-offset)) +
1870
+ --minolith-dialogue-message-arrow-top-offset: calc(
1871
+ (-1 * var(--minolith-dialogue-message-top-offset)) +
1872
1872
  (-1 * var(--minolith-dialogue-border-width)) +
1873
- (-1 * var(--minolith-dialogue-messege-arrow-height) / 2) +
1873
+ (-1 * var(--minolith-dialogue-message-arrow-height) / 2) +
1874
1874
  var(--minolith-dialogue-avatar-top-offset) +
1875
1875
  (
1876
1876
  var(--minolith-dialogue-avatar-size) +
@@ -1952,8 +1952,8 @@ summary {
1952
1952
  border-color: var(--minolith-dialogue-message-color-border);
1953
1953
  color: var(--minolith-dialogue-message-color-fore);
1954
1954
  position: relative;
1955
- top: var(--minolith-dialogue-messege-top-offset);
1956
- padding-top: calc(var(--minolith-dialogue-messege-top-offset) / 2);
1955
+ top: var(--minolith-dialogue-message-top-offset);
1956
+ padding-top: calc(var(--minolith-dialogue-message-top-offset) / 2);
1957
1957
  width: auto;
1958
1958
  z-index: 0;
1959
1959
  }
@@ -1962,10 +1962,10 @@ summary {
1962
1962
  }
1963
1963
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-name {
1964
1964
  right: auto;
1965
- left: var(--minolith-dialogue-messege-arrow-width);
1965
+ left: var(--minolith-dialogue-message-arrow-width);
1966
1966
  }
1967
1967
  :where(.dialogue).is-left > .dialogue-content-container {
1968
- padding-left: var(--minolith-dialogue-messege-arrow-width);
1968
+ padding-left: var(--minolith-dialogue-message-arrow-width);
1969
1969
  }
1970
1970
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message {
1971
1971
  right: auto;
@@ -1973,15 +1973,15 @@ summary {
1973
1973
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::after, :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::before {
1974
1974
  border-top-color: transparent;
1975
1975
  border-top-style: solid;
1976
- border-top-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
1976
+ border-top-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
1977
1977
  border-bottom-color: transparent;
1978
1978
  border-bottom-style: solid;
1979
- border-bottom-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
1979
+ border-bottom-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
1980
1980
  content: "";
1981
1981
  display: block;
1982
1982
  height: 0;
1983
1983
  position: absolute;
1984
- top: var(--minolith-dialogue-messege-arrow-top-offset);
1984
+ top: var(--minolith-dialogue-message-arrow-top-offset);
1985
1985
  right: auto;
1986
1986
  width: 0;
1987
1987
  z-index: -1;
@@ -1992,22 +1992,22 @@ summary {
1992
1992
  }
1993
1993
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::before {
1994
1994
  border-right-color: var(--minolith-dialogue-message-color-border);
1995
- border-right-width: var(--minolith-dialogue-messege-arrow-width);
1995
+ border-right-width: var(--minolith-dialogue-message-arrow-width);
1996
1996
  border-right-style: solid;
1997
- left: calc(-1 * var(--minolith-dialogue-messege-arrow-width));
1997
+ left: calc(-1 * var(--minolith-dialogue-message-arrow-width));
1998
1998
  }
1999
1999
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::after {
2000
2000
  border-right-color: var(--minolith-dialogue-message-color-back);
2001
- border-right-width: var(--minolith-dialogue-messege-arrow-width);
2001
+ border-right-width: var(--minolith-dialogue-message-arrow-width);
2002
2002
  border-right-style: solid;
2003
- left: calc(-1 * var(--minolith-dialogue-messege-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2003
+ left: calc(-1 * var(--minolith-dialogue-message-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2004
2004
  }
2005
2005
  :where(.dialogue).is-right > .dialogue-content-container {
2006
- padding-right: var(--minolith-dialogue-messege-arrow-width);
2006
+ padding-right: var(--minolith-dialogue-message-arrow-width);
2007
2007
  }
2008
2008
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-name {
2009
2009
  left: auto;
2010
- right: var(--minolith-dialogue-messege-arrow-width);
2010
+ right: var(--minolith-dialogue-message-arrow-width);
2011
2011
  }
2012
2012
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message {
2013
2013
  left: auto;
@@ -2015,15 +2015,15 @@ summary {
2015
2015
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::after, :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::before {
2016
2016
  border-top-color: transparent;
2017
2017
  border-top-style: solid;
2018
- border-top-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
2018
+ border-top-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
2019
2019
  border-bottom-color: transparent;
2020
2020
  border-bottom-style: solid;
2021
- border-bottom-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
2021
+ border-bottom-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
2022
2022
  content: "";
2023
2023
  display: block;
2024
2024
  height: 0;
2025
2025
  position: absolute;
2026
- top: var(--minolith-dialogue-messege-arrow-top-offset);
2026
+ top: var(--minolith-dialogue-message-arrow-top-offset);
2027
2027
  right: auto;
2028
2028
  width: 0;
2029
2029
  z-index: -1;
@@ -2034,15 +2034,15 @@ summary {
2034
2034
  }
2035
2035
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::before {
2036
2036
  border-left-color: var(--minolith-dialogue-message-color-border);
2037
- border-left-width: var(--minolith-dialogue-messege-arrow-width);
2037
+ border-left-width: var(--minolith-dialogue-message-arrow-width);
2038
2038
  border-left-style: solid;
2039
- right: calc(-1 * var(--minolith-dialogue-messege-arrow-width));
2039
+ right: calc(-1 * var(--minolith-dialogue-message-arrow-width));
2040
2040
  }
2041
2041
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::after {
2042
2042
  border-left-color: var(--minolith-dialogue-message-color-back);
2043
- border-left-width: var(--minolith-dialogue-messege-arrow-width);
2043
+ border-left-width: var(--minolith-dialogue-message-arrow-width);
2044
2044
  border-left-style: solid;
2045
- right: calc(-1 * var(--minolith-dialogue-messege-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2045
+ right: calc(-1 * var(--minolith-dialogue-message-arrow-width) + var(--minolith-dialogue-border-width) * 2);
2046
2046
  }
2047
2047
 
2048
2048
  :where(.div) {
package/dist/css/minolith.css CHANGED
@@ -13043,8 +13043,8 @@
13043
13043
  --minolith-dialogue-name-font-size: 1rem;
13044
13044
  --minolith-dialogue-name-padding-x: 1rem;
13045
13045
  --minolith-dialogue-name-padding-y: 0.5rem;
13046
- --minolith-dialogue-messege-arrow-width: 1rem;
13047
- --minolith-dialogue-messege-arrow-height: 1rem;
13046
+ --minolith-dialogue-message-arrow-width: 1rem;
13047
+ --minolith-dialogue-message-arrow-height: 1rem;
13048
13048
  --minolith-dialogue-message-inner-padding-x: 1rem;
13049
13049
  --minolith-dialogue-message-inner-padding-y: 1rem;
13050
13050
  }
@@ -18557,7 +18557,7 @@ summary {
18557
18557
  --minolith-dialogue-border-width: var(
18558
18558
  --minolith-border-width-medium
18559
18559
  );
18560
- --minolith-dialogue-messege-top-offset: calc(
18560
+ --minolith-dialogue-message-top-offset: calc(
18561
18561
  (
18562
18562
  var(--minolith-dialogue-name-padding-y) * 2 +
18563
18563
  var(--minolith-dialogue-border-width) * 2 +
@@ -18565,10 +18565,10 @@ summary {
18565
18565
  ) /
18566
18566
  2
18567
18567
  );
18568
- --minolith-dialogue-messege-arrow-top-offset: calc(
18569
- (-1 * var(--minolith-dialogue-messege-top-offset)) +
18568
+ --minolith-dialogue-message-arrow-top-offset: calc(
18569
+ (-1 * var(--minolith-dialogue-message-top-offset)) +
18570
18570
  (-1 * var(--minolith-dialogue-border-width)) +
18571
- (-1 * var(--minolith-dialogue-messege-arrow-height) / 2) +
18571
+ (-1 * var(--minolith-dialogue-message-arrow-height) / 2) +
18572
18572
  var(--minolith-dialogue-avatar-top-offset) +
18573
18573
  (var(--minolith-dialogue-avatar-size) / 2)
18574
18574
  );
@@ -18582,7 +18582,7 @@ summary {
18582
18582
  display: flex;
18583
18583
  max-width: 100%;
18584
18584
  margin: 0;
18585
- padding-bottom: var(--minolith-dialogue-messege-top-offset);
18585
+ padding-bottom: var(--minolith-dialogue-message-top-offset);
18586
18586
  position: relative;
18587
18587
  width: 100%;
18588
18588
  }
@@ -18595,10 +18595,10 @@ summary {
18595
18595
  background-color: var(--minolith-dialogue-color-selection-back);
18596
18596
  }
18597
18597
  :where(.dialogue).is-avatar-circle {
18598
- --minolith-dialogue-messege-arrow-top-offset: calc(
18599
- (-1 * var(--minolith-dialogue-messege-top-offset)) +
18598
+ --minolith-dialogue-message-arrow-top-offset: calc(
18599
+ (-1 * var(--minolith-dialogue-message-top-offset)) +
18600
18600
  (-1 * var(--minolith-dialogue-border-width)) +
18601
- (-1 * var(--minolith-dialogue-messege-arrow-height) / 2) +
18601
+ (-1 * var(--minolith-dialogue-message-arrow-height) / 2) +
18602
18602
  var(--minolith-dialogue-avatar-top-offset) +
18603
18603
  (
18604
18604
  var(--minolith-dialogue-avatar-size) +
@@ -18680,8 +18680,8 @@ summary {
18680
18680
  border-color: var(--minolith-dialogue-message-color-border);
18681
18681
  color: var(--minolith-dialogue-message-color-fore);
18682
18682
  position: relative;
18683
- top: var(--minolith-dialogue-messege-top-offset);
18684
- padding-top: calc(var(--minolith-dialogue-messege-top-offset) / 2);
18683
+ top: var(--minolith-dialogue-message-top-offset);
18684
+ padding-top: calc(var(--minolith-dialogue-message-top-offset) / 2);
18685
18685
  width: auto;
18686
18686
  z-index: 0;
18687
18687
  }
@@ -18690,10 +18690,10 @@ summary {
18690
18690
  }
18691
18691
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-name {
18692
18692
  right: auto;
18693
- left: var(--minolith-dialogue-messege-arrow-width);
18693
+ left: var(--minolith-dialogue-message-arrow-width);
18694
18694
  }
18695
18695
  :where(.dialogue).is-left > .dialogue-content-container {
18696
- padding-left: var(--minolith-dialogue-messege-arrow-width);
18696
+ padding-left: var(--minolith-dialogue-message-arrow-width);
18697
18697
  }
18698
18698
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message {
18699
18699
  right: auto;
@@ -18701,15 +18701,15 @@ summary {
18701
18701
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::after, :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::before {
18702
18702
  border-top-color: transparent;
18703
18703
  border-top-style: solid;
18704
- border-top-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
18704
+ border-top-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
18705
18705
  border-bottom-color: transparent;
18706
18706
  border-bottom-style: solid;
18707
- border-bottom-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
18707
+ border-bottom-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
18708
18708
  content: "";
18709
18709
  display: block;
18710
18710
  height: 0;
18711
18711
  position: absolute;
18712
- top: var(--minolith-dialogue-messege-arrow-top-offset);
18712
+ top: var(--minolith-dialogue-message-arrow-top-offset);
18713
18713
  right: auto;
18714
18714
  width: 0;
18715
18715
  z-index: -1;
@@ -18720,22 +18720,22 @@ summary {
18720
18720
  }
18721
18721
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::before {
18722
18722
  border-right-color: var(--minolith-dialogue-message-color-border);
18723
- border-right-width: var(--minolith-dialogue-messege-arrow-width);
18723
+ border-right-width: var(--minolith-dialogue-message-arrow-width);
18724
18724
  border-right-style: solid;
18725
- left: calc(-1 * var(--minolith-dialogue-messege-arrow-width));
18725
+ left: calc(-1 * var(--minolith-dialogue-message-arrow-width));
18726
18726
  }
18727
18727
  :where(.dialogue).is-left > .dialogue-content-container > .dialogue-message::after {
18728
18728
  border-right-color: var(--minolith-dialogue-message-color-back);
18729
- border-right-width: var(--minolith-dialogue-messege-arrow-width);
18729
+ border-right-width: var(--minolith-dialogue-message-arrow-width);
18730
18730
  border-right-style: solid;
18731
- left: calc(-1 * var(--minolith-dialogue-messege-arrow-width) + var(--minolith-dialogue-border-width) * 2);
18731
+ left: calc(-1 * var(--minolith-dialogue-message-arrow-width) + var(--minolith-dialogue-border-width) * 2);
18732
18732
  }
18733
18733
  :where(.dialogue).is-right > .dialogue-content-container {
18734
- padding-right: var(--minolith-dialogue-messege-arrow-width);
18734
+ padding-right: var(--minolith-dialogue-message-arrow-width);
18735
18735
  }
18736
18736
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-name {
18737
18737
  left: auto;
18738
- right: var(--minolith-dialogue-messege-arrow-width);
18738
+ right: var(--minolith-dialogue-message-arrow-width);
18739
18739
  }
18740
18740
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message {
18741
18741
  left: auto;
@@ -18743,15 +18743,15 @@ summary {
18743
18743
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::after, :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::before {
18744
18744
  border-top-color: transparent;
18745
18745
  border-top-style: solid;
18746
- border-top-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
18746
+ border-top-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
18747
18747
  border-bottom-color: transparent;
18748
18748
  border-bottom-style: solid;
18749
- border-bottom-width: calc(var(--minolith-dialogue-messege-arrow-height) / 2);
18749
+ border-bottom-width: calc(var(--minolith-dialogue-message-arrow-height) / 2);
18750
18750
  content: "";
18751
18751
  display: block;
18752
18752
  height: 0;
18753
18753
  position: absolute;
18754
- top: var(--minolith-dialogue-messege-arrow-top-offset);
18754
+ top: var(--minolith-dialogue-message-arrow-top-offset);
18755
18755
  right: auto;
18756
18756
  width: 0;
18757
18757
  z-index: -1;
@@ -18762,15 +18762,15 @@ summary {
18762
18762
  }
18763
18763
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::before {
18764
18764
  border-left-color: var(--minolith-dialogue-message-color-border);
18765
- border-left-width: var(--minolith-dialogue-messege-arrow-width);
18765
+ border-left-width: var(--minolith-dialogue-message-arrow-width);
18766
18766
  border-left-style: solid;
18767
- right: calc(-1 * var(--minolith-dialogue-messege-arrow-width));
18767
+ right: calc(-1 * var(--minolith-dialogue-message-arrow-width));
18768
18768
  }
18769
18769
  :where(.dialogue).is-right > .dialogue-content-container > .dialogue-message::after {
18770
18770
  border-left-color: var(--minolith-dialogue-message-color-back);
18771
- border-left-width: var(--minolith-dialogue-messege-arrow-width);
18771
+ border-left-width: var(--minolith-dialogue-message-arrow-width);
18772
18772
  border-left-style: solid;
18773
- right: calc(-1 * var(--minolith-dialogue-messege-arrow-width) + var(--minolith-dialogue-border-width) * 2);
18773
+ right: calc(-1 * var(--minolith-dialogue-message-arrow-width) + var(--minolith-dialogue-border-width) * 2);
18774
18774
  }
18775
18775
  :where(.dialogue).is-avatar-small {
18776
18776
  --minolith-dialogue-avatar-size: var(