@ndwnu/design-system 14.1.2 → 14.2.1

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 (55) hide show
  1. package/CLAUDE.md +1525 -1525
  2. package/README.md +4 -4
  3. package/assets/icons.ts +83 -83
  4. package/fesm2022/ndwnu-design-system.mjs +168 -157
  5. package/fesm2022/ndwnu-design-system.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/styles/FONTS.md +46 -46
  8. package/styles/base/_colors.scss +246 -246
  9. package/styles/base/_fonts.scss +13 -13
  10. package/styles/base/_material.scss +17 -17
  11. package/styles/base/_typography.scss +133 -133
  12. package/styles/base/_variables.scss +92 -92
  13. package/styles/base/colors.stories.model.ts +85 -85
  14. package/styles/base/colors.stories.ts +24 -24
  15. package/styles/base/index.scss +5 -5
  16. package/styles/base/typography.stories.ts +111 -111
  17. package/styles/components/_button.scss +133 -133
  18. package/styles/components/_card.scss +3 -3
  19. package/styles/components/_datepicker.scss +134 -134
  20. package/styles/components/_divider.scss +10 -10
  21. package/styles/components/_dropdown.scss +8 -8
  22. package/styles/components/_edit-bar.scss +97 -97
  23. package/styles/components/_filter-button.scss +39 -39
  24. package/styles/components/_guided-tour.scss +70 -70
  25. package/styles/components/_input.scss +253 -253
  26. package/styles/components/_label.scss +23 -23
  27. package/styles/components/_link.scss +36 -36
  28. package/styles/components/_list-item.scss +7 -7
  29. package/styles/components/_map.scss +114 -114
  30. package/styles/components/_menu-button.scss +37 -37
  31. package/styles/components/_popover.scss +19 -19
  32. package/styles/components/_summary-card.scss +183 -183
  33. package/styles/components/_table.scss +8 -8
  34. package/styles/components/divider.stories.ts +80 -80
  35. package/styles/components/index.scss +17 -17
  36. package/styles/components/link.stories.ts +154 -154
  37. package/styles/index.scss +4 -4
  38. package/styles/layout/_grid.scss +165 -165
  39. package/styles/layout/_overlay.scss +7 -7
  40. package/styles/layout/grid.stories.ts +168 -168
  41. package/styles/layout/index.scss +2 -2
  42. package/styles/storybook/_core.scss +60 -60
  43. package/styles/storybook/_reset.scss +21 -21
  44. package/styles/storybook/index.scss +17 -17
  45. package/styles/storybook/overrides/_buttons.scss +95 -95
  46. package/styles/storybook/overrides/_code-previews.scss +97 -97
  47. package/styles/storybook/overrides/_content.scss +24 -24
  48. package/styles/storybook/overrides/_headers.scss +31 -31
  49. package/styles/storybook/overrides/_layout.scss +44 -44
  50. package/styles/storybook/overrides/_table.scss +112 -112
  51. package/styles/storybook/overrides/index.scss +6 -6
  52. package/styles/storybook/overrides.css +355 -355
  53. package/styles/utils/_screenreader.scss +13 -13
  54. package/styles/utils/classes.stories.ts +157 -157
  55. package/styles/utils/index.scss +1 -1
package/styles/storybook/overrides/_table.scss CHANGED
@@ -1,112 +1,112 @@
1
- table.docblock-argstable {
2
- thead.docblock-argstable-head {
3
- tr {
4
- th {
5
- border-bottom: 1px solid var(--ndw-color-grey-200);
6
- padding-block: var(--ndw-spacing-lg);
7
- }
8
- }
9
- }
10
-
11
- tbody.docblock-argstable-body {
12
- border: none;
13
-
14
- tr {
15
- &:first-of-type,
16
- &:last-of-type {
17
- > * {
18
- border: none;
19
- }
20
- }
21
-
22
- &:first-of-type {
23
- > * {
24
- border-bottom: 1px solid var(--ndw-color-grey-200);
25
- }
26
- }
27
-
28
- &:last-of-type {
29
- td {
30
- border-bottom: none;
31
-
32
- &:first-of-type,
33
- &:last-of-type {
34
- border-bottom: none;
35
- }
36
- }
37
- }
38
-
39
- td {
40
- background-color: transparent;
41
- border: none;
42
- border-bottom: 1px solid var(--ndw-color-grey-200);
43
- padding-block: var(--ndw-spacing-lg);
44
-
45
- &:first-of-type,
46
- &:last-of-type {
47
- border: none;
48
- border-bottom: 1px solid var(--ndw-color-grey-200);
49
- }
50
-
51
- label {
52
- background-color: var(--ndw-color-white);
53
- margin-bottom: 0;
54
-
55
- input[type='checkbox'] {
56
- border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
57
-
58
- &:not(:checked) {
59
- ~ span {
60
- &:first-of-type {
61
- background-color: var(--ndw-color-grey-200);
62
- border-right: 1px solid var(--ndw-color-grey-300);
63
- }
64
- }
65
- }
66
-
67
- &:checked {
68
- ~ span {
69
- &:last-of-type {
70
- background-color: var(--ndw-color-grey-200);
71
- border-left: 1px solid var(--ndw-color-grey-300);
72
- }
73
- }
74
- }
75
- }
76
-
77
- input[type='number'],
78
- textarea {
79
- border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
80
- border-radius: 0;
81
- box-shadow: none;
82
- }
83
-
84
- textarea {
85
- min-height: 2.125rem;
86
- resize: vertical;
87
- }
88
-
89
- span {
90
- box-shadow: none;
91
-
92
- &:first-of-type {
93
- border-radius: var(--ndw-border-radius-lg) 0 0 var(--ndw-border-radius-lg);
94
- }
95
-
96
- &:last-of-type {
97
- border-radius: 0 var(--ndw-border-radius-lg) var(--ndw-border-radius-lg) 0;
98
- }
99
- }
100
- }
101
-
102
- span {
103
- select {
104
- border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
105
- border-radius: 0;
106
- box-shadow: none;
107
- }
108
- }
109
- }
110
- }
111
- }
112
- }
1
+ table.docblock-argstable {
2
+ thead.docblock-argstable-head {
3
+ tr {
4
+ th {
5
+ border-bottom: 1px solid var(--ndw-color-grey-200);
6
+ padding-block: var(--ndw-spacing-lg);
7
+ }
8
+ }
9
+ }
10
+
11
+ tbody.docblock-argstable-body {
12
+ border: none;
13
+
14
+ tr {
15
+ &:first-of-type,
16
+ &:last-of-type {
17
+ > * {
18
+ border: none;
19
+ }
20
+ }
21
+
22
+ &:first-of-type {
23
+ > * {
24
+ border-bottom: 1px solid var(--ndw-color-grey-200);
25
+ }
26
+ }
27
+
28
+ &:last-of-type {
29
+ td {
30
+ border-bottom: none;
31
+
32
+ &:first-of-type,
33
+ &:last-of-type {
34
+ border-bottom: none;
35
+ }
36
+ }
37
+ }
38
+
39
+ td {
40
+ background-color: transparent;
41
+ border: none;
42
+ border-bottom: 1px solid var(--ndw-color-grey-200);
43
+ padding-block: var(--ndw-spacing-lg);
44
+
45
+ &:first-of-type,
46
+ &:last-of-type {
47
+ border: none;
48
+ border-bottom: 1px solid var(--ndw-color-grey-200);
49
+ }
50
+
51
+ label {
52
+ background-color: var(--ndw-color-white);
53
+ margin-bottom: 0;
54
+
55
+ input[type='checkbox'] {
56
+ border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
57
+
58
+ &:not(:checked) {
59
+ ~ span {
60
+ &:first-of-type {
61
+ background-color: var(--ndw-color-grey-200);
62
+ border-right: 1px solid var(--ndw-color-grey-300);
63
+ }
64
+ }
65
+ }
66
+
67
+ &:checked {
68
+ ~ span {
69
+ &:last-of-type {
70
+ background-color: var(--ndw-color-grey-200);
71
+ border-left: 1px solid var(--ndw-color-grey-300);
72
+ }
73
+ }
74
+ }
75
+ }
76
+
77
+ input[type='number'],
78
+ textarea {
79
+ border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
80
+ border-radius: 0;
81
+ box-shadow: none;
82
+ }
83
+
84
+ textarea {
85
+ min-height: 2.125rem;
86
+ resize: vertical;
87
+ }
88
+
89
+ span {
90
+ box-shadow: none;
91
+
92
+ &:first-of-type {
93
+ border-radius: var(--ndw-border-radius-lg) 0 0 var(--ndw-border-radius-lg);
94
+ }
95
+
96
+ &:last-of-type {
97
+ border-radius: 0 var(--ndw-border-radius-lg) var(--ndw-border-radius-lg) 0;
98
+ }
99
+ }
100
+ }
101
+
102
+ span {
103
+ select {
104
+ border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
105
+ border-radius: 0;
106
+ box-shadow: none;
107
+ }
108
+ }
109
+ }
110
+ }
111
+ }
112
+ }
package/styles/storybook/overrides/index.scss CHANGED
@@ -1,6 +1,6 @@
1
- @forward 'buttons';
2
- @forward 'code-previews';
3
- @forward 'content';
4
- @forward 'headers';
5
- @forward 'layout';
6
- @forward 'table';
1
+ @forward 'buttons';
2
+ @forward 'code-previews';
3
+ @forward 'content';
4
+ @forward 'headers';
5
+ @forward 'layout';
6
+ @forward 'table';