@solid-design-system/styles 1.5.5 → 2.0.0-next.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 (86) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/cdn/modules/chip.css +24 -1
  3. package/cdn/modules/container.css +117 -1
  4. package/cdn/modules/copyright.css +129 -1
  5. package/cdn/modules/display.css +60 -1
  6. package/cdn/modules/flag.css +23 -1
  7. package/cdn/modules/footnotes.css +166 -1
  8. package/cdn/modules/headline.css +138 -1
  9. package/cdn/modules/hidden-links.css +130 -1
  10. package/cdn/modules/interactive.css +95 -1
  11. package/cdn/modules/leadtext.css +39 -1
  12. package/cdn/modules/list.css +125 -1
  13. package/cdn/modules/mark.css +5 -1
  14. package/cdn/modules/media.css +13 -1
  15. package/cdn/modules/meta.css +47 -1
  16. package/cdn/modules/pagination.css +292 -1
  17. package/cdn/modules/paragraph.css +39 -1
  18. package/cdn/modules/prose.css +75 -1
  19. package/cdn/modules/status-badge.css +26 -1
  20. package/cdn/modules/table-cell.css +170 -1
  21. package/cdn/modules/table.css +31 -1
  22. package/cdn/solid-styles.css +962 -1
  23. package/cdn-versioned/modules/chip.css +24 -1
  24. package/cdn-versioned/modules/container.css +117 -1
  25. package/cdn-versioned/modules/copyright.css +129 -1
  26. package/cdn-versioned/modules/display.css +60 -1
  27. package/cdn-versioned/modules/flag.css +23 -1
  28. package/cdn-versioned/modules/footnotes.css +166 -1
  29. package/cdn-versioned/modules/headline.css +138 -1
  30. package/cdn-versioned/modules/hidden-links.css +130 -1
  31. package/cdn-versioned/modules/interactive.css +95 -1
  32. package/cdn-versioned/modules/leadtext.css +39 -1
  33. package/cdn-versioned/modules/list.css +125 -1
  34. package/cdn-versioned/modules/mark.css +5 -1
  35. package/cdn-versioned/modules/media.css +13 -1
  36. package/cdn-versioned/modules/meta.css +47 -1
  37. package/cdn-versioned/modules/pagination.css +292 -1
  38. package/cdn-versioned/modules/paragraph.css +39 -1
  39. package/cdn-versioned/modules/prose.css +75 -1
  40. package/cdn-versioned/modules/status-badge.css +26 -1
  41. package/cdn-versioned/modules/table-cell.css +170 -1
  42. package/cdn-versioned/modules/table.css +31 -1
  43. package/cdn-versioned/solid-styles.css +962 -1
  44. package/dist/modules/chip.css +19 -56
  45. package/dist/modules/container.css +54 -121
  46. package/dist/modules/copyright.css +106 -49
  47. package/dist/modules/display.css +52 -62
  48. package/dist/modules/flag.css +18 -54
  49. package/dist/modules/footnotes.css +106 -119
  50. package/dist/modules/headline.css +113 -212
  51. package/dist/modules/hidden-links.css +117 -44
  52. package/dist/modules/interactive.css +76 -105
  53. package/dist/modules/leadtext.css +35 -39
  54. package/dist/modules/list.css +70 -143
  55. package/dist/modules/mark.css +3 -13
  56. package/dist/modules/media.css +9 -29
  57. package/dist/modules/meta.css +36 -38
  58. package/dist/modules/pagination.css +246 -384
  59. package/dist/modules/paragraph.css +35 -24
  60. package/dist/modules/prose.css +49 -891
  61. package/dist/modules/status-badge.css +18 -53
  62. package/dist/modules/table-cell.css +153 -169
  63. package/dist/modules/table.css +24 -17
  64. package/dist/solid-styles.css +709 -1781
  65. package/dist-versioned/modules/chip.css +23 -60
  66. package/dist-versioned/modules/container.css +76 -143
  67. package/dist-versioned/modules/copyright.css +112 -55
  68. package/dist-versioned/modules/display.css +54 -64
  69. package/dist-versioned/modules/flag.css +22 -58
  70. package/dist-versioned/modules/footnotes.css +134 -147
  71. package/dist-versioned/modules/headline.css +128 -227
  72. package/dist-versioned/modules/hidden-links.css +121 -48
  73. package/dist-versioned/modules/interactive.css +82 -111
  74. package/dist-versioned/modules/leadtext.css +36 -40
  75. package/dist-versioned/modules/list.css +92 -165
  76. package/dist-versioned/modules/mark.css +4 -14
  77. package/dist-versioned/modules/media.css +13 -33
  78. package/dist-versioned/modules/meta.css +42 -44
  79. package/dist-versioned/modules/pagination.css +273 -411
  80. package/dist-versioned/modules/paragraph.css +36 -25
  81. package/dist-versioned/modules/prose.css +57 -899
  82. package/dist-versioned/modules/status-badge.css +24 -59
  83. package/dist-versioned/modules/table-cell.css +169 -185
  84. package/dist-versioned/modules/table.css +25 -18
  85. package/dist-versioned/solid-styles.css +825 -1897
  86. package/package.json +4 -5
package/dist/modules/meta.css CHANGED
@@ -1,49 +1,47 @@
1
- /**
2
- * Meta information like file size, date, or whatever is needed.
3
- * @name sd-meta
4
- * @status stable
5
- * @since 1.7
6
- * @variant { sm } sd-meta--size-... The size. Small can be used as an alternative in tight spaces.
7
- * @boolean sd-meta--inverted Inverts the meta element.
8
- * @boolean sd-meta--pipe Adds a pipe right from the meta element.
9
- * @boolean sd-meta--light Makes sd-meta light.
10
- */
11
-
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
12
3
  .sd-meta {
13
- font-size: var(--sd-font-size-base, 1rem) /* 16px */;
14
- font-weight: 400;
15
- line-height: var(--sd-line-height-none, 100%) /* Used for buttons, input fields etc. */;
16
-
17
- color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */;
4
+ font-size: var(--sd-text-base);
5
+ line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
6
+ --tw-leading: 1;
7
+ line-height: 1;
8
+ --tw-font-weight: var(--sd-font-weight-normal);
9
+ font-weight: var(--sd-font-weight-normal);
10
+ color: var(--sd-color-text-black, var(--sd-color-black));
18
11
  }
19
-
20
12
  .sd-meta--size-sm {
21
- font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
22
- }
23
-
13
+ font-size: var(--sd-text-sm);
14
+ line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
15
+ }
24
16
  .sd-meta--light {
25
-
26
- color: rgb(var(--sd-color-neutral-700, 104 104 104) / var(--tw-text-opacity, 1)) /* Additional text color */;
27
- }
28
-
17
+ color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
18
+ }
29
19
  .sd-meta--inverted {
30
-
31
- color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */;
32
- }
33
-
20
+ color: var(--sd-color-text-white, var(--sd-color-white));
21
+ }
34
22
  .sd-meta--inverted.sd-meta--light {
35
-
36
- color: rgb(var(--sd-color-primary-400, 153 171 208) / var(--tw-text-opacity, 1)) /* Additional text inverted color
37
- Used for inverted pressed interaction text link */;
38
- }
39
-
23
+ color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
24
+ }
40
25
  .sd-meta--pipe::after {
41
26
  content: '|';
42
- margin-left: var(--sd-spacing-1, 0.25rem) /* 4px */;
43
- margin-right: var(--sd-spacing-1, 0.25rem) /* 4px */;
27
+ margin-inline: var(--sd-spacing-1);
44
28
  }
45
-
46
29
  .sd-meta--pipe.sd-meta--size-sm::after {
47
- margin-left: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
48
- margin-right: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
30
+ margin-inline: var(--sd-spacing-0\.5);
31
+ }
32
+ @property --tw-leading {
33
+ syntax: "*";
34
+ inherits: false;
35
+ }
36
+ @property --tw-font-weight {
37
+ syntax: "*";
38
+ inherits: false;
39
+ }
40
+ @layer properties {
41
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
42
+ *, ::before, ::after, ::backdrop {
43
+ --tw-leading: initial;
44
+ --tw-font-weight: initial;
45
+ }
46
+ }
49
47
  }