@solid-design-system/styles 1.5.4 → 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 +15 -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 +9 -10
package/dist/modules/paragraph.css CHANGED
@@ -1,28 +1,39 @@
1
- /**
2
- * A paragraph is used to display blocks of text. It uses the base font size and can contain bold and/or link styles.
3
- * @name sd-paragraph
4
- * @status stable
5
- * @since 1.7
6
- * @variant { sm } sd-paragraph--size-... The paragraph's font size.
7
- * @boolean sd-paragraph--inverted Inverts the paragraph text.
8
- */
9
- .sd-paragraph,
10
- .sd-prose p {
11
- font-size: var(--sd-font-size-base, 1rem) /* 16px */;
12
- font-weight: 400;
13
- line-height: var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */;
14
-
15
- color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ .sd-paragraph, .sd-prose p {
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: var(--leading-normal, 1.5);
7
+ line-height: var(--leading-normal, 1.5);
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));
16
11
  }
17
12
  .sd-paragraph--size-sm, .sd-prose p--size-sm {
18
- font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
19
- font-weight: 400;
20
- line-height: var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */;
21
-
22
- color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
13
+ font-size: var(--sd-text-sm);
14
+ line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
15
+ --tw-leading: var(--leading-normal, 1.5);
16
+ line-height: var(--leading-normal, 1.5);
17
+ --tw-font-weight: var(--sd-font-weight-normal);
18
+ font-weight: var(--sd-font-weight-normal);
19
+ color: var(--sd-color-text-black, var(--sd-color-black));
20
+ }
21
+ .sd-paragraph--inverted, .sd-prose--inverted p {
22
+ color: var(--sd-color-text-white, var(--sd-color-white));
23
23
  }
24
- .sd-paragraph--inverted,
25
- .sd-prose--inverted p {
26
-
27
- color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */
24
+ @property --tw-leading {
25
+ syntax: "*";
26
+ inherits: false;
27
+ }
28
+ @property --tw-font-weight {
29
+ syntax: "*";
30
+ inherits: false;
31
+ }
32
+ @layer properties {
33
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
34
+ *, ::before, ::after, ::backdrop {
35
+ --tw-leading: initial;
36
+ --tw-font-weight: initial;
37
+ }
38
+ }
28
39
  }