@uniai-fe/uds-templates 0.8.1 → 0.8.3

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/dist/styles.css +14 -6
  2. package/package.json +9 -9
  3. package/src/modal/styles/container.scss +3 -2
  4. package/src/page-frame/desktop/styles/page/nav.scss +2 -2
  5. package/src/page-frame/desktop/styles/variables.scss +2 -0
package/dist/styles.css CHANGED
@@ -20,6 +20,8 @@
20
20
  --uds-page-nav-item-color-default: var(--color-label-standard);
21
21
  --uds-page-nav-item-color-active: var(--color-primary-default);
22
22
  --uds-page-nav-icon-size: var(--theme-size-small-2);
23
+ --uds-page-nav-text-size: var(--font-caption-medium-size);
24
+ --uds-page-nav-text-line-height: var(--font-caption-medium-line-height);
23
25
  --uds-page-body-background: var(--uds-page-frame-background);
24
26
  --uds-page-body-padding-horizontal: var(--spacing-padding-9);
25
27
  --uds-page-body-padding-vertical: var(--spacing-padding-9);
@@ -315,7 +317,7 @@
315
317
  }
316
318
 
317
319
  .page-frame-nav-category-label {
318
- font-size: 1.2rem;
320
+ font-size: var(--uds-page-nav-text-size);
319
321
  line-height: 1.7rem;
320
322
  color: inherit;
321
323
  }
@@ -664,7 +666,8 @@
664
666
  flex: 0 0 auto;
665
667
  }
666
668
 
667
- .uds-modal-footer-buttons[data-appearance="text"] {
669
+ .uds-modal-root.uds-modal-alert
670
+ .uds-modal-footer-buttons[data-appearance="text"] {
668
671
  padding: 0;
669
672
  gap: 0;
670
673
  min-height: var(--notice-dialog-action-height, 56px);
@@ -674,14 +677,19 @@
674
677
  var(--color-border-standard-cool-gray, #e4e5e7)
675
678
  );
676
679
  }
677
- .uds-modal-footer-buttons[data-appearance="text"] .uds-modal-footer-group {
680
+ .uds-modal-root.uds-modal-alert
681
+ .uds-modal-footer-buttons[data-appearance="text"]
682
+ .uds-modal-footer-group {
678
683
  flex-wrap: nowrap;
679
684
  gap: 0;
680
685
  }
681
- .uds-modal-footer-buttons[data-appearance="text"] .uds-modal-footer-button {
686
+ .uds-modal-root.uds-modal-alert
687
+ .uds-modal-footer-buttons[data-appearance="text"]
688
+ .uds-modal-footer-button {
682
689
  border-radius: 0;
683
690
  }
684
- .uds-modal-footer-buttons[data-appearance="text"]
691
+ .uds-modal-root.uds-modal-alert
692
+ .uds-modal-footer-buttons[data-appearance="text"]
685
693
  .uds-modal-footer-button
686
694
  + .uds-modal-footer-button {
687
695
  border-left: 1px solid
@@ -695,7 +703,7 @@
695
703
  min-height: 48px;
696
704
  }
697
705
 
698
- .uds-modal-footer-button-text {
706
+ .uds-modal-root.uds-modal-alert .uds-modal-footer-button-text {
699
707
  min-height: 56px;
700
708
  justify-content: center;
701
709
  border-radius: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-templates",
3
- "version": "0.8.1",
3
+ "version": "0.8.3",
4
4
  "description": "UNIAI Design System; UI Templates Package",
5
5
  "type": "module",
6
6
  "private": false,
@@ -67,17 +67,17 @@
67
67
  "react-hook-form": "^7.80.0",
68
68
  "sass": "^1.101.0",
69
69
  "typescript": "6.0.3",
70
- "@uniai-fe/uds-primitives": "0.9.1",
71
- "@uniai-fe/util-api": "0.2.1",
70
+ "@uniai-fe/eslint-config": "0.2.0",
72
71
  "@uniai-fe/next-devkit": "0.3.0",
73
- "@uniai-fe/util-functions": "0.4.0",
74
- "@uniai-fe/tsconfig": "0.2.0",
75
- "@uniai-fe/util-jotai": "0.2.0",
76
72
  "@uniai-fe/uds-foundation": "0.5.0",
73
+ "@uniai-fe/tsconfig": "0.2.0",
77
74
  "@uniai-fe/react-hooks": "0.2.0",
78
- "@uniai-fe/eslint-config": "0.2.0",
79
- "@uniai-fe/util-rtc": "0.2.0",
80
- "@uniai-fe/util-next": "0.4.1"
75
+ "@uniai-fe/uds-primitives": "0.9.3",
76
+ "@uniai-fe/util-api": "0.2.1",
77
+ "@uniai-fe/util-functions": "0.4.1",
78
+ "@uniai-fe/util-jotai": "0.2.0",
79
+ "@uniai-fe/util-next": "0.4.1",
80
+ "@uniai-fe/util-rtc": "0.2.0"
81
81
  },
82
82
  "scripts": {
83
83
  "check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",
package/src/modal/styles/container.scss CHANGED
@@ -93,7 +93,8 @@
93
93
  flex: 0 0 auto;
94
94
  }
95
95
 
96
- .uds-modal-footer-buttons[data-appearance="text"] {
96
+ .uds-modal-root.uds-modal-alert
97
+ .uds-modal-footer-buttons[data-appearance="text"] {
97
98
  padding: 0;
98
99
  gap: 0;
99
100
  min-height: var(--notice-dialog-action-height, 56px);
@@ -125,7 +126,7 @@
125
126
  min-height: 48px;
126
127
  }
127
128
 
128
- .uds-modal-footer-button-text {
129
+ .uds-modal-root.uds-modal-alert .uds-modal-footer-button-text {
129
130
  min-height: 56px;
130
131
  justify-content: center;
131
132
  border-radius: 0;
package/src/page-frame/desktop/styles/page/nav.scss CHANGED
@@ -87,8 +87,8 @@
87
87
  }
88
88
 
89
89
  .page-frame-nav-category-label {
90
- font-size: 1.2rem;
91
- line-height: 1.7rem;
90
+ font-size: var(--uds-page-nav-text-size); // 11px
91
+ line-height: var(--uds-page-nav-text-line-height); // 1.5em
92
92
  color: inherit;
93
93
  }
94
94
 
package/src/page-frame/desktop/styles/variables.scss CHANGED
@@ -23,6 +23,8 @@
23
23
  --uds-page-nav-item-color-default: var(--color-label-standard);
24
24
  --uds-page-nav-item-color-active: var(--color-primary-default);
25
25
  --uds-page-nav-icon-size: var(--theme-size-small-2);
26
+ --uds-page-nav-text-size: var(--font-caption-medium-size);
27
+ --uds-page-nav-text-line-height: var(--font-caption-medium-line-height);
26
28
 
27
29
  --uds-page-body-background: var(--uds-page-frame-background);
28
30
  --uds-page-body-padding-horizontal: var(--spacing-padding-9);