@softwareone/spi-sv5-library 1.14.4 → 1.15.0

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 (79) hide show
  1. package/dist/components/accordion/Accordion.svelte +14 -23
  2. package/dist/components/announcement/Announcement.svelte +53 -61
  3. package/dist/components/avatar/Avatar.svelte +30 -12
  4. package/dist/components/avatar/Avatar.svelte.d.ts +2 -2
  5. package/dist/components/button/Button.svelte +41 -44
  6. package/dist/components/card/Card.svelte +4 -6
  7. package/dist/components/chips/Chips.svelte +37 -36
  8. package/dist/components/chips/Chips.svelte.d.ts +1 -1
  9. package/dist/components/confirmation/Confirmation.svelte +1 -1
  10. package/dist/components/controls/attach-file/AttachFile.svelte +18 -41
  11. package/dist/components/controls/attach-file/FileManager.svelte +16 -30
  12. package/dist/components/controls/attach-file/Warnings.svelte +13 -15
  13. package/dist/components/controls/input/Input.svelte +46 -72
  14. package/dist/components/controls/input/InputIcon.svelte +13 -13
  15. package/dist/components/controls/label/Label.svelte +5 -9
  16. package/dist/components/controls/radio-group/RadioGroup.svelte +25 -39
  17. package/dist/components/controls/select/Select.svelte +49 -71
  18. package/dist/components/controls/textarea/TextArea.svelte +36 -45
  19. package/dist/components/controls/toggle/Toggle.svelte +35 -37
  20. package/dist/components/delete-confirmation/DeleteConfirmation.svelte +1 -1
  21. package/dist/components/error-page/ErrorPage.svelte +9 -18
  22. package/dist/components/footer/Footer.svelte +6 -7
  23. package/dist/components/form/Form.svelte +1 -1
  24. package/dist/components/header/Header.svelte +39 -45
  25. package/dist/components/header/HeaderAccount.svelte +21 -33
  26. package/dist/components/header/HeaderLoader.svelte +13 -8
  27. package/dist/components/highlight-panel/HighlightPanel.svelte +29 -34
  28. package/dist/components/home/Home.svelte +18 -36
  29. package/dist/components/link/Link.svelte +1 -1
  30. package/dist/components/menu/Menu.svelte +12 -12
  31. package/dist/components/menu/MenuItem.svelte +25 -29
  32. package/dist/components/menu/Sidebar.svelte +32 -40
  33. package/dist/components/modal/Modal.svelte +8 -12
  34. package/dist/components/modal/ModalContent.svelte +3 -3
  35. package/dist/components/modal/ModalFooter.svelte +5 -5
  36. package/dist/components/modal/ModalHeader.svelte +6 -11
  37. package/dist/components/notification/Notification.svelte +20 -27
  38. package/dist/components/processing/Processing.svelte +9 -16
  39. package/dist/components/progress-page/ProgressPage.svelte +13 -18
  40. package/dist/components/progress-wizard/ProgressWizard.svelte +43 -54
  41. package/dist/components/search/Search.svelte +24 -29
  42. package/dist/components/spinner/Spinner.svelte +1 -1
  43. package/dist/components/switcher/Switcher.svelte +14 -23
  44. package/dist/components/table/ActionsColumn.svelte +13 -33
  45. package/dist/components/table/AdvancedFilter.svelte +39 -74
  46. package/dist/components/table/Body.svelte +9 -18
  47. package/dist/components/table/ColumnVisibilityDropdown.svelte +24 -55
  48. package/dist/components/table/Footer.svelte +2 -4
  49. package/dist/components/table/Header.svelte +23 -44
  50. package/dist/components/table/PageSize.svelte +24 -36
  51. package/dist/components/table/Pagination.svelte +49 -35
  52. package/dist/components/table/RowCheckBox.svelte +5 -12
  53. package/dist/components/table/Skeleton.svelte +16 -25
  54. package/dist/components/table/Table.svelte +50 -38
  55. package/dist/components/table/Table.svelte.d.ts +5 -1
  56. package/dist/components/table/types.d.ts +9 -1
  57. package/dist/components/table/utils.d.ts +5 -1
  58. package/dist/components/table/utils.js +8 -8
  59. package/dist/components/tabs/Tabs.svelte +16 -20
  60. package/dist/components/toast/Toast.svelte +27 -30
  61. package/dist/components/tooltip/Tooltip.svelte +15 -19
  62. package/dist/components/waffle/Waffle.svelte +9 -13
  63. package/dist/components/waffle/WaffleItems.svelte +10 -13
  64. package/dist/styles/index.css +3 -0
  65. package/dist/styles/reset.css +19 -0
  66. package/dist/styles/tokens/index.css +2 -0
  67. package/dist/styles/tokens/primitives/borders.css +17 -0
  68. package/dist/styles/tokens/primitives/colors.css +41 -0
  69. package/dist/styles/tokens/primitives/index.css +7 -0
  70. package/dist/styles/tokens/primitives/motion.css +11 -0
  71. package/dist/styles/tokens/primitives/opacity.css +6 -0
  72. package/dist/styles/tokens/primitives/shadows.css +11 -0
  73. package/dist/styles/tokens/primitives/sizing.css +19 -0
  74. package/dist/styles/tokens/primitives/typography.css +13 -0
  75. package/dist/styles/tokens/semantic/colors.css +78 -0
  76. package/dist/styles/tokens/semantic/index.css +2 -0
  77. package/dist/styles/tokens/semantic/shadows.css +9 -0
  78. package/dist/styles/utilities.css +73 -0
  79. package/package.json +3 -2
package/dist/styles/tokens/semantic/colors.css ADDED
@@ -0,0 +1,78 @@
1
+ :root {
2
+ /* Primary */
3
+ --spi-color-primary-lighter: var(--spi-color-violet-1);
4
+ --spi-color-primary-light: var(--spi-color-violet-2);
5
+ --spi-color-primary-base: var(--spi-color-violet-3);
6
+ --spi-color-primary-dark: var(--spi-color-violet-4);
7
+ --spi-color-primary-darker: var(--spi-color-violet-5);
8
+
9
+ /* Danger */
10
+ --spi-color-danger-lighter: var(--spi-color-red-1);
11
+ --spi-color-danger-light: var(--spi-color-red-2);
12
+ --spi-color-danger-base: var(--spi-color-red-3);
13
+ --spi-color-danger-dark: var(--spi-color-red-4);
14
+ --spi-color-danger-darker: var(--spi-color-red-5);
15
+
16
+ /* Neutral */
17
+ --spi-color-neutral-lighter: var(--spi-color-gray-1);
18
+ --spi-color-neutral-light: var(--spi-color-gray-2);
19
+ --spi-color-neutral-base: var(--spi-color-gray-3);
20
+ --spi-color-neutral-dark: var(--spi-color-gray-4);
21
+ --spi-color-neutral-darker: var(--spi-color-gray-5);
22
+ --spi-color-neutral-darkest: var(--spi-color-gray-6);
23
+
24
+ /* Success */
25
+ --spi-color-success-lighter: var(--spi-color-green-1);
26
+ --spi-color-success-light: var(--spi-color-green-2);
27
+ --spi-color-success-base: var(--spi-color-green-3);
28
+ --spi-color-success-dark: var(--spi-color-green-4);
29
+ --spi-color-success-darker: var(--spi-color-green-5);
30
+
31
+ /* Warning */
32
+ --spi-color-warning-lighter: var(--spi-color-orange-1);
33
+ --spi-color-warning-light: var(--spi-color-orange-2);
34
+ --spi-color-warning-base: var(--spi-color-orange-3);
35
+ --spi-color-warning-dark: var(--spi-color-orange-4);
36
+ --spi-color-warning-darker: var(--spi-color-orange-5);
37
+
38
+ /* Info */
39
+ --spi-color-info-lighter: var(--spi-color-blue-1);
40
+ --spi-color-info-light: var(--spi-color-blue-2);
41
+ --spi-color-info-base: var(--spi-color-blue-3);
42
+ --spi-color-info-dark: var(--spi-color-blue-4);
43
+ --spi-color-info-darker: var(--spi-color-blue-5);
44
+
45
+ /* Text */
46
+ --spi-color-text-primary: var(--spi-color-black);
47
+ --spi-color-text-secondary: var(--spi-color-gray-5);
48
+ --spi-color-text-muted: var(--spi-color-gray-4);
49
+ --spi-color-text-placeholder: var(--spi-color-gray-4);
50
+ --spi-color-text-disabled: var(--spi-color-gray-3);
51
+ --spi-color-text-inverse: var(--spi-color-white);
52
+ --spi-color-text-link: var(--spi-color-violet-3);
53
+ --spi-color-text-danger: var(--spi-color-red-3);
54
+ --spi-color-text-success: var(--spi-color-green-3);
55
+ --spi-color-text-warning: var(--spi-color-orange-3);
56
+ --spi-color-text-info: var(--spi-color-blue-3);
57
+
58
+ /* Surface */
59
+ --spi-color-surface-default: var(--spi-color-white);
60
+ --spi-color-surface-subtle: var(--spi-color-gray-1);
61
+ --spi-color-surface-muted: var(--spi-color-gray-2);
62
+ --spi-color-surface-inverse: var(--spi-color-gray-5);
63
+ --spi-color-backdrop: color-mix(in srgb, var(--spi-color-gray-2) 52%, transparent);
64
+
65
+ /* Border */
66
+ --spi-color-border-default: var(--spi-color-gray-2);
67
+ --spi-color-border-medium: var(--spi-color-gray-3);
68
+ --spi-color-border-strong: var(--spi-color-gray-4);
69
+ --spi-color-border-focus: var(--spi-color-violet-3);
70
+ --spi-color-border-danger: var(--spi-color-red-3);
71
+ --spi-color-border-success: var(--spi-color-green-3);
72
+
73
+ /* Interactive states */
74
+ --spi-color-focus-ring: var(--spi-color-violet-1);
75
+ --spi-color-disabled-bg: var(--spi-color-gray-2);
76
+ --spi-color-disabled-text: var(--spi-color-gray-3);
77
+ --spi-color-disabled-border: var(--spi-color-gray-4);
78
+ }
package/dist/styles/tokens/semantic/index.css ADDED
@@ -0,0 +1,2 @@
1
+ @import './colors.css';
2
+ @import './shadows.css';
package/dist/styles/tokens/semantic/shadows.css ADDED
@@ -0,0 +1,9 @@
1
+ :root {
2
+ --spi-shadow-card: var(--spi-shadow-sm);
3
+ --spi-shadow-card-hover: var(--spi-shadow-md);
4
+ --spi-shadow-dropdown: var(--spi-shadow-lg);
5
+
6
+ --spi-shadow-focus-primary: 0 0 0 var(--spi-border-3) var(--spi-color-focus-ring);
7
+ --spi-shadow-focus-danger: 0 0 0 var(--spi-border-3) var(--spi-color-danger-lighter);
8
+ --spi-shadow-focus-success: 0 0 0 var(--spi-border-3) var(--spi-color-success-lighter);
9
+ }
package/dist/styles/utilities.css ADDED
@@ -0,0 +1,73 @@
1
+ :is(.spi-text-regular-1, .spi-text-medium-1, .spi-text-semibold-1, .spi-text-bold-1) {
2
+ font-size: var(--spi-font-size-xs);
3
+ line-height: 1.33;
4
+ }
5
+
6
+ :is(.spi-text-regular-2, .spi-text-medium-2, .spi-text-semibold-2, .spi-text-bold-2) {
7
+ font-size: var(--spi-font-size-sm);
8
+ line-height: 1.42;
9
+ }
10
+
11
+ :is(.spi-text-regular-3, .spi-text-medium-3, .spi-text-semibold-3, .spi-text-bold-3) {
12
+ font-size: var(--spi-font-size-md);
13
+ line-height: 1.5;
14
+ }
15
+
16
+ :is(.spi-text-regular-4, .spi-text-medium-4, .spi-text-semibold-4, .spi-text-bold-4) {
17
+ font-size: var(--spi-font-size-lg);
18
+ line-height: 1.555556;
19
+ }
20
+
21
+ :is(.spi-text-regular-5, .spi-text-medium-5, .spi-text-semibold-5, .spi-text-bold-5) {
22
+ font-size: var(--spi-font-size-xl);
23
+ line-height: 1.4;
24
+ }
25
+
26
+ :is(.spi-text-regular-6, .spi-text-medium-6, .spi-text-semibold-6, .spi-text-bold-6) {
27
+ font-size: var(--spi-font-size-2xl);
28
+ line-height: 1.333333;
29
+ }
30
+
31
+ :is(
32
+ .spi-text-regular-1,
33
+ .spi-text-regular-2,
34
+ .spi-text-regular-3,
35
+ .spi-text-regular-4,
36
+ .spi-text-regular-5,
37
+ .spi-text-regular-6
38
+ ) {
39
+ font-weight: var(--spi-font-weight-regular);
40
+ }
41
+
42
+ :is(
43
+ .spi-text-medium-1,
44
+ .spi-text-medium-2,
45
+ .spi-text-medium-3,
46
+ .spi-text-medium-4,
47
+ .spi-text-medium-5,
48
+ .spi-text-medium-6
49
+ ) {
50
+ font-weight: var(--spi-font-weight-medium);
51
+ }
52
+
53
+ :is(
54
+ .spi-text-semibold-1,
55
+ .spi-text-semibold-2,
56
+ .spi-text-semibold-3,
57
+ .spi-text-semibold-4,
58
+ .spi-text-semibold-5,
59
+ .spi-text-semibold-6
60
+ ) {
61
+ font-weight: var(--spi-font-weight-semibold);
62
+ }
63
+
64
+ :is(
65
+ .spi-text-bold-1,
66
+ .spi-text-bold-2,
67
+ .spi-text-bold-3,
68
+ .spi-text-bold-4,
69
+ .spi-text-bold-5,
70
+ .spi-text-bold-6
71
+ ) {
72
+ font-weight: var(--spi-font-weight-bold);
73
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@softwareone/spi-sv5-library",
3
- "version": "1.14.4",
3
+ "version": "1.15.0",
4
4
  "description": "Svelte components",
5
5
  "keywords": [
6
6
  "svelte",
@@ -46,7 +46,8 @@
46
46
  "./table": {
47
47
  "types": "./dist/components/table/index.d.ts",
48
48
  "svelte": "./dist/components/table/index.js"
49
- }
49
+ },
50
+ "./styles": "./dist/styles/index.css"
50
51
  },
51
52
  "peerDependencies": {
52
53
  "@tanstack/table-core": "^8.21.3",