@nordcode/ui 2.2.0 → 2.2.2

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 (74) hide show
  1. package/CHANGELOG.md +65 -53
  2. package/package.json +79 -79
  3. package/src/assets/icons/ArrowRightSolid.svelte +0 -0
  4. package/src/assets/icons/arrow-right-solid.svg +0 -0
  5. package/src/styles/components/inputs/base.css +4 -0
  6. package/src/styles/utils/theme.css +1 -1
  7. package/.idea/copilot.data.migration.agent.xml +0 -6
  8. package/.idea/copilot.data.migration.ask.xml +0 -6
  9. package/.idea/copilot.data.migration.ask2agent.xml +0 -6
  10. package/.idea/copilot.data.migration.edit.xml +0 -6
  11. package/.idea/modules.xml +0 -8
  12. package/.idea/ui.iml +0 -9
  13. package/.idea/vcs.xml +0 -6
  14. package/out/bundle.css +0 -1469
  15. package/out/bundle_configless.css +0 -1253
  16. package/out/colors.css +0 -82
  17. package/out/complete.css +0 -2867
  18. package/out/complete_configless.css +0 -2651
  19. package/out/src/assets/fonts/DMMono-Regular.woff +0 -0
  20. package/out/src/assets/fonts/DMMono-Regular.woff2 +0 -0
  21. package/out/src/assets/fonts/fonts.css +0 -7
  22. package/out/src/assets/icons/ArrowRightSolid.svelte +0 -1
  23. package/out/src/assets/icons/arrow-right-solid.svg +0 -1
  24. package/out/src/assets/icons/favicon.png +0 -0
  25. package/out/src/assets/icons/favicon.svg +0 -8
  26. package/out/src/assets/logos/nordcode-logo-icon.svg +0 -3
  27. package/out/src/assets/logos/nordcode-logo.svg +0 -17
  28. package/out/src/modules/copyButtons/ts/copyButtons.ts +0 -9
  29. package/out/src/modules/dialogs/svelte/dialog.svelte +0 -27
  30. package/out/src/modules/dialogs/ts/LICENCE +0 -171
  31. package/out/src/modules/dialogs/ts/dialogs.ts +0 -111
  32. package/out/src/modules/notifications/js/notifications.js +0 -294
  33. package/out/src/modules/notifications/svelte/NotificationCenter.svelte +0 -18
  34. package/out/src/modules/notifications/svelte/NotificationTemplate.svelte +0 -16
  35. package/out/src/modules/sectionObserver/ts/sectionOberserver.ts +0 -34
  36. package/out/src/styles/bundle.css +0 -7
  37. package/out/src/styles/bundle_configless.css +0 -5
  38. package/out/src/styles/complete.css +0 -5
  39. package/out/src/styles/complete_configless.css +0 -5
  40. package/out/src/styles/components/alerts.css +0 -20
  41. package/out/src/styles/components/badges.css +0 -14
  42. package/out/src/styles/components/breadcrumbs.css +0 -37
  43. package/out/src/styles/components/bundle.css +0 -13
  44. package/out/src/styles/components/buttons.css +0 -260
  45. package/out/src/styles/components/card.css +0 -55
  46. package/out/src/styles/components/dialogs.css +0 -138
  47. package/out/src/styles/components/forms.css +0 -41
  48. package/out/src/styles/components/gallery.css +0 -66
  49. package/out/src/styles/components/icons.css +0 -60
  50. package/out/src/styles/components/inputs/base.css +0 -249
  51. package/out/src/styles/components/inputs/bundle.css +0 -5
  52. package/out/src/styles/components/inputs/fields.css +0 -76
  53. package/out/src/styles/components/inputs/segmented.css +0 -114
  54. package/out/src/styles/components/inputs/switch.css +0 -42
  55. package/out/src/styles/components/inputs/tag-select.css +0 -41
  56. package/out/src/styles/components/lists.css +0 -40
  57. package/out/src/styles/components/notifications.css +0 -135
  58. package/out/src/styles/components/tables.css +0 -7
  59. package/out/src/styles/config/bundle.css +0 -2
  60. package/out/src/styles/config/config.css +0 -700
  61. package/out/src/styles/config/extras.css +0 -12
  62. package/out/src/styles/exceptions/bundle.css +0 -3
  63. package/out/src/styles/exceptions/misc.css +0 -21
  64. package/out/src/styles/exceptions/spacings.css +0 -15
  65. package/out/src/styles/exceptions/typography.css +0 -57
  66. package/out/src/styles/theme/colors.css +0 -165
  67. package/out/src/styles/theme/colors_processed.css +0 -87
  68. package/out/src/styles/utils/base.css +0 -415
  69. package/out/src/styles/utils/bundle.css +0 -6
  70. package/out/src/styles/utils/easings.css +0 -364
  71. package/out/src/styles/utils/layouts.css +0 -281
  72. package/out/src/styles/utils/media.css +0 -55
  73. package/out/src/styles/utils/reset.css +0 -145
  74. package/out/src/styles/utils/theme.css +0 -125
package/out/src/styles/utils/reset.css DELETED
@@ -1,145 +0,0 @@
1
- @layer reset {
2
- *,
3
- :after,
4
- :before {
5
- box-sizing: border-box;
6
- }
7
-
8
- :where(:not(dialog)) {
9
- margin: 0;
10
- }
11
-
12
- :where(:not(fieldset, progress, meter)) {
13
- border-width: 0;
14
- border-style: solid;
15
- background-origin: border-box;
16
- background-repeat: no-repeat;
17
- }
18
-
19
- @media (prefers-reduced-motion: no-preference) {
20
- :where(:focus-visible) {
21
- transition: outline-offset var(--transition-duration-short) var(--ease-2);
22
- }
23
-
24
- :where(:not(:active):focus-visible) {
25
- transition-duration: var(--transition-duration-base);
26
- }
27
- }
28
-
29
- :where(:not(:active):focus-visible) {
30
- outline: var(--border-width-medium) solid var(--color-brand-primary-base);
31
- outline-offset: 1ch;
32
- }
33
-
34
- :where(:focus:not(:focus-visible)) {
35
- outline: none;
36
- }
37
-
38
- :where(:root) {
39
- -moz-text-size-adjust: none;
40
- -webkit-text-size-adjust: none;
41
- text-size-adjust: none;
42
- block-size: 100%;
43
- color: var(--color-text-base);
44
- background-color: var(--color-surface-muted);
45
- font-family: var(--font-family-default);
46
- line-height: var(--line-height-base);
47
- font-weight: var(--font-weight-default);
48
- font-size-adjust: from-font;
49
-
50
- interpolate-size: allow-keywords;
51
-
52
- font-kerning: normal;
53
- -moz-osx-font-smoothing: grayscale;
54
- -webkit-font-smoothing: antialiased;
55
- }
56
-
57
- :where(body) {
58
- min-block-size: 100vh;
59
- }
60
-
61
- /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
62
- :where(ul[role="list"], ol[role="list"]) {
63
- list-style: none;
64
- }
65
-
66
- /* Balance text wrapping on headings */
67
- :where(h1, h2, h3, h4) {
68
- text-wrap: balance;
69
- }
70
-
71
- /* A elements that don't have a class get default styles */
72
- :where(a:not([class])) {
73
- text-decoration-skip-ink: auto;
74
- color: currentColor;
75
- }
76
-
77
- :where(img, svg, video, canvas, audio, iframe, embed, object) {
78
- display: block;
79
- }
80
-
81
- :where(img, svg, video) {
82
- max-inline-size: 100%;
83
- block-size: auto;
84
- }
85
-
86
- :where(figure) {
87
- display: grid;
88
- place-content: center;
89
- grid-template-rows: 1fr auto;
90
- gap: 0;
91
- }
92
-
93
- :where(
94
- a[href],
95
- area,
96
- button,
97
- input:not(
98
- [type="text"],
99
- [type="email"],
100
- [type="number"],
101
- [type="password"],
102
- [type=""],
103
- [type="tel"],
104
- [type="url"]
105
- ),
106
- label[for],
107
- select,
108
- summary,
109
- [tabindex]:not([tabindex*="-"], pre)
110
- ) {
111
- cursor: pointer;
112
- }
113
-
114
- :where(
115
- a[href],
116
- area,
117
- button,
118
- input,
119
- label[for],
120
- select,
121
- summary,
122
- textarea,
123
- [tabindex]:not([tabindex*="-"])
124
- ) {
125
- touch-action: manipulation;
126
- -webkit-tap-highlight-color: transparent;
127
- }
128
-
129
- :where(input, button, textarea, select),
130
- :where(input[type="file"])::-webkit-file-upload-button {
131
- font: inherit;
132
- color: inherit;
133
- letter-spacing: inherit;
134
- }
135
-
136
- :where(p) {
137
- text-wrap: pretty;
138
- max-inline-size: var(--measure-base);
139
- }
140
-
141
- :where(html):has(dialog:modal) {
142
- scrollbar-gutter: stable;
143
- overflow: hidden;
144
- }
145
- }
package/out/src/styles/utils/theme.css DELETED
@@ -1,125 +0,0 @@
1
- @layer helpers.theme {
2
- * {
3
- --text: var(--color-text-muted);
4
- --color: var(--color-text-muted);
5
- --surface: transparent;
6
- --border: var(--color-border-muted);
7
-
8
- --text-hover: var(--color-text-on-emphasis);
9
- --color-hover: var(--color-text-on-emphasis);
10
- --surface-hover: var(--color-surface-emphasis);
11
- --border-hover: var(--color-border-base);
12
- }
13
-
14
- .-primary {
15
- --text: var(--color-brand-primary-emphasis);
16
- --color: var(--color-brand-primary-base);
17
- --surface: var(--color-brand-primary-surface);
18
- --border: var(--color-brand-primary-base);
19
-
20
- --text-hover: var(--color-brand-primary-contrast);
21
- --color-hover: var(--color-brand-primary-contrast);
22
- --surface-hover: var(--color-brand-primary-base);
23
- --border-hover: var(--color-brand-primary-base);
24
- }
25
-
26
- .-secondary {
27
- --text: var(--color-brand-secondary-emphasis);
28
- --color: var(--color-brand-secondary-base);
29
- --surface: var(--color-brand-secondary-surface);
30
- --border: var(--color-brand-secondary-base);
31
-
32
- --text-hover: var(--color-brand-secondary-contrast);
33
- --color-hover: var(--color-brand-secondary-contrast);
34
- --surface-hover: var(--color-brand-secondary-base);
35
- --border-hover: var(--color-brand-secondary-base);
36
- }
37
-
38
- .-neutral {
39
- --text: var(--color-text-muted);
40
- --color: var(--color-text-muted);
41
- --surface: transparent;
42
- --border: var(--color-border-muted);
43
-
44
- --text-hover: var(--color-text-on-emphasis);
45
- --color-hover: var(--color-text-on-emphasis);
46
- --surface-hover: var(--color-surface-emphasis);
47
- --border-hover: var(--color-border-base);
48
- }
49
-
50
- .-muted {
51
- --text: var(--color-text-muted);
52
- --color: var(--color-text-muted);
53
- --surface: transparent;
54
-
55
- --text-hover: var(--color-text-base);
56
- --color-hover: var(--color-text-base);
57
- --surface-hover: var(--color-surface-subtle);
58
- --border-hover: var(--color-border-base);
59
- }
60
-
61
- .-emphasis {
62
- --text: var(--color-text-on-emphasis);
63
- --color: var(--color-text-on-emphasis);
64
- --surface: var(--color-surface-emphasis);
65
- --border: var(--color-surface-emphasis);
66
-
67
- --text-hover: var(--color-text-base);
68
- --color-hover: var(--color-text-base);
69
- --surface-hover: var(--color-surface-subtle);
70
- --border-hover: var(--color-border-base);
71
- }
72
-
73
- .-info {
74
- --text: var(--color-status-info-emphasis);
75
- --color: var(--color-status-info-base);
76
- --surface: var(--color-status-info-surface);
77
- --border: var(--color-status-info-base);
78
-
79
- --text-hover: var(--color-status-info-contrast);
80
- --color-hover: var(--color-status-info-contrast);
81
- --surface-hover: var(--color-status-info-base);
82
- --border-hover: var(--color-status-info-base);
83
- }
84
-
85
- .-warning {
86
- --text: var(--color-status-warning-emphasis);
87
- --color: var(--color-status-warning-base);
88
- --surface: var(--color-status-warning-surface);
89
- --border: var(--color-status-warning-base);
90
-
91
- --text-hover: var(--color-status-warning-contrast);
92
- --color-hover: var(--color-status-warning-contrast);
93
- --surface-hover: var(--color-status-warning-base);
94
- --border-hover: var(--color-status-warning-base);
95
- }
96
-
97
- .-danger {
98
- --text: var(--color-status-danger-emphasis);
99
- --color: var(--color-status-danger-base);
100
- --surface: var(--color-status-danger-surface);
101
- --border: var(--color-status-danger-base);
102
-
103
- --text-hover: var(--color-status-danger-contrast);
104
- --color-hover: var(--color-status-danger-contrast);
105
- --surface-hover: var(--color-status-danger-base);
106
- --border-hover: var(--color-status-danger-base);
107
- }
108
-
109
- .-success {
110
- --text: var(--color-status-success-emphasis);
111
- --color: var(--color-status-success-base);
112
- --surface: var(--color-status-success-surface);
113
- --border: var(--color-status-success-base);
114
-
115
- --text-hover: var(--color-status-success-contrast);
116
- --color-hover: var(--color-status-success-contrast);
117
- --surface-hover: var(--color-status-success-base);
118
- --border-hover: var(--color-status-success-base);
119
- }
120
-
121
- .themed {
122
- background: var(--surface);
123
- color: var(--text);
124
- }
125
- }