@nordcode/ui 1.0.9 → 1.0.10

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/out/complete.css +3 -4
  3. package/out/complete_configless.css +3 -4
  4. package/package.json +1 -1
  5. package/src/styles/components/dialogs.css +3 -4
package/CHANGELOG.md CHANGED
@@ -45,3 +45,9 @@ Be sure to checkout the updated markup for these components in the documentation
45
45
  ### Improvements
46
46
 
47
47
  - Tweak Dialog Radius and mobile styles
48
+
49
+ ## 1.0.10 (2024-12-27)
50
+
51
+ ### Fixes
52
+
53
+ - Fix radius for real
package/out/complete.css CHANGED
@@ -1748,14 +1748,13 @@
1748
1748
 
1749
1749
  @layer components.dialogs {
1750
1750
  :where(.nc-dialog) {
1751
- --_dialog-radius: var(--dialog-radius, var(--border-radius-medium));
1752
1751
  --_dialog-padding-inline: var(--dialog-padding-inline, var(--spacing-base));
1753
1752
  --_dialog-layout-padding: var(--layout-padding, var(--spacing-base));
1754
1753
  --_dialog-close-size: var(--dialog-close-size, var(--button-height-base));
1755
1754
  --_dialog-transition-duration: var(--dialog-transition-duration, var(--transition-duration-base));
1756
1755
  --_dialog-max-block-size: var(--dialog-max-block-size, 90dvh);
1757
1756
  --_dialog-max-inline-size: var(--dialog-max-inline-size, 28rem);
1758
- --dialog-radius: 0;
1757
+ --_dialog-radius: 0;
1759
1758
  z-index: var(--layer-important);
1760
1759
  animation: close-dialog var(--_dialog-transition-duration) cubic-bezier(.7, 0, 1, 1) forwards;
1761
1760
  transition: opacity var(--_dialog-transition-duration) cubic-bezier(.7, 0, 1, 1);
@@ -1764,9 +1763,9 @@
1764
1763
  inline-size: 100dvw;
1765
1764
  max-inline-size: var(--_dialog-max-inline-size);
1766
1765
  background: var(--color-surface-base);
1766
+ border-radius: var(--_dialog-radius);
1767
1767
  overflow-clip-margin: 1rem;
1768
1768
  pointer-events: all;
1769
- border-radius: 0;
1770
1769
  max-block-size: 100dvw;
1771
1770
  margin: auto 0;
1772
1771
  padding: 0;
@@ -1778,7 +1777,7 @@
1778
1777
 
1779
1778
  @media (min-width: 36rem) {
1780
1779
  :where(.nc-dialog) {
1781
- border-radius: var(--_dialog-radius);
1780
+ --_dialog-radius: var(--dialog-radius, var(--border-radius-medium));
1782
1781
  inline-size: calc(100dvw - 2 * var(--_dialog-layout-padding));
1783
1782
  max-block-size: var(--_dialog-max-block-size);
1784
1783
  box-shadow: var(--shadow-medium);
package/out/complete_configless.css CHANGED
@@ -1498,14 +1498,13 @@
1498
1498
 
1499
1499
  @layer components.dialogs {
1500
1500
  :where(.nc-dialog) {
1501
- --_dialog-radius: var(--dialog-radius, var(--border-radius-medium));
1502
1501
  --_dialog-padding-inline: var(--dialog-padding-inline, var(--spacing-base));
1503
1502
  --_dialog-layout-padding: var(--layout-padding, var(--spacing-base));
1504
1503
  --_dialog-close-size: var(--dialog-close-size, var(--button-height-base));
1505
1504
  --_dialog-transition-duration: var(--dialog-transition-duration, var(--transition-duration-base));
1506
1505
  --_dialog-max-block-size: var(--dialog-max-block-size, 90dvh);
1507
1506
  --_dialog-max-inline-size: var(--dialog-max-inline-size, 28rem);
1508
- --dialog-radius: 0;
1507
+ --_dialog-radius: 0;
1509
1508
  z-index: var(--layer-important);
1510
1509
  animation: close-dialog var(--_dialog-transition-duration) cubic-bezier(.7, 0, 1, 1) forwards;
1511
1510
  transition: opacity var(--_dialog-transition-duration) cubic-bezier(.7, 0, 1, 1);
@@ -1514,9 +1513,9 @@
1514
1513
  inline-size: 100dvw;
1515
1514
  max-inline-size: var(--_dialog-max-inline-size);
1516
1515
  background: var(--color-surface-base);
1516
+ border-radius: var(--_dialog-radius);
1517
1517
  overflow-clip-margin: 1rem;
1518
1518
  pointer-events: all;
1519
- border-radius: 0;
1520
1519
  max-block-size: 100dvw;
1521
1520
  margin: auto 0;
1522
1521
  padding: 0;
@@ -1528,7 +1527,7 @@
1528
1527
 
1529
1528
  @media (min-width: 36rem) {
1530
1529
  :where(.nc-dialog) {
1531
- border-radius: var(--_dialog-radius);
1530
+ --_dialog-radius: var(--dialog-radius, var(--border-radius-medium));
1532
1531
  inline-size: calc(100dvw - 2 * var(--_dialog-layout-padding));
1533
1532
  max-block-size: var(--_dialog-max-block-size);
1534
1533
  box-shadow: var(--shadow-medium);
package/package.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "type": "git",
13
13
  "url": "https://github.com/nordcode-agency/nordcode/tree/main/packages/ui"
14
14
  },
15
- "version": "1.0.9",
15
+ "version": "1.0.10",
16
16
  "publishConfig": {
17
17
  "access": "public"
18
18
  },
package/src/styles/components/dialogs.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @layer components.dialogs {
2
2
  :where(.nc-dialog) {
3
- --_dialog-radius: var(--dialog-radius, var(--border-radius-medium));
4
3
  --_dialog-padding-inline: var(--dialog-padding-inline, var(--spacing-base));
5
4
  --_dialog-layout-padding: var(--layout-padding, var(--spacing-base));
6
5
  --_dialog-close-size: var(--dialog-close-size, var(--button-height-base));
@@ -9,7 +8,7 @@
9
8
  --_dialog-max-block-size: var(--dialog-max-block-size, 90dvh);
10
9
  --_dialog-max-inline-size: var(--dialog-max-inline-size, 28rem);
11
10
 
12
- --dialog-radius: 0;
11
+ --_dialog-radius: 0;
13
12
  display: block;
14
13
  z-index: var(--layer-important);
15
14
  animation: close-dialog var(--_dialog-transition-duration) cubic-bezier(0.7, 0, 1, 1) forwards;
@@ -24,13 +23,13 @@
24
23
  background: var(--color-surface-base);
25
24
  margin: auto 0;
26
25
  padding: 0;
27
- border-radius: 0;
26
+ border-radius: var(--_dialog-radius);
28
27
  overflow: clip;
29
28
  overflow-clip-margin: 1rem;
30
29
  pointer-events: all;
31
30
 
32
31
  @media (min-width: 36rem) {
33
- border-radius: var(--_dialog-radius);
32
+ --_dialog-radius: var(--dialog-radius, var(--border-radius-medium));
34
33
  inline-size: calc(100dvw - 2 * var(--_dialog-layout-padding));
35
34
  max-block-size: var(--_dialog-max-block-size);
36
35
  margin-inline: auto;