@breadstone/mosaik-themes 0.0.12-beta.13 → 0.0.12-beta.5

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 (29) hide show
  1. package/Themes/___default-tokens.css +8 -0
  2. package/Themes/cosmopolitan.scss +33 -37
  3. package/Themes/default-tokens.scss +6 -0
  4. package/Themes/default.scss +5589 -0
  5. package/Themes/joy.scss +18 -22
  6. package/Themes/retro.scss +25 -33
  7. package/Theming/ThemeObserver.d.ts.map +1 -1
  8. package/Theming/ThemeObserver.js +0 -1
  9. package/Theming/ThemeObserver.js.map +1 -1
  10. package/Theming/Utils/CssAspectRatio.d.ts.map +1 -1
  11. package/Theming/Utils/CssAspectRatio.js.map +1 -1
  12. package/Theming/Utils/CssLength.d.ts.map +1 -1
  13. package/Theming/Utils/CssLength.js.map +1 -1
  14. package/Theming/Utils/CssShadow.d.ts.map +1 -1
  15. package/Theming/Utils/CssShadow.js +0 -1
  16. package/Theming/Utils/CssShadow.js.map +1 -1
  17. package/Theming/Utils/CssTime.d.ts.map +1 -1
  18. package/Theming/Utils/CssTime.js.map +1 -1
  19. package/Theming/Utils/ITheme.d.ts +0 -3
  20. package/Theming/Utils/ITheme.d.ts.map +1 -1
  21. package/Theming/Utils/ITheme.js +0 -3
  22. package/Theming/Utils/ITheme.js.map +1 -1
  23. package/Theming/Utils/IThemeLayout.d.ts.map +1 -1
  24. package/Theming/Utils/IThemePalette.d.ts +0 -5
  25. package/Theming/Utils/IThemePalette.d.ts.map +1 -1
  26. package/Theming/Utils/IThemePalette.js +0 -3
  27. package/Theming/Utils/IThemePalette.js.map +1 -1
  28. package/Theming/Utils/IThemeTypographyFontType.d.ts.map +1 -1
  29. package/package.json +11 -3
package/Themes/___default-tokens.css ADDED
@@ -0,0 +1,8 @@
1
+ :root {
2
+ --name: "default";
3
+ --font-family: 'Inter', Roboto, Helvetica, sans-serif;
4
+ --layout-radius: 12px;
5
+ --layout-space: 8px;
6
+ --layout-thickness: 2px;
7
+ --elevation-none: none;
8
+ }
package/Themes/cosmopolitan.scss CHANGED
@@ -1917,7 +1917,7 @@ $cell-group-props: (
1917
1917
  'border-style': solid,
1918
1918
  'border-width': var(--cosmopolitan-layout-thickness),
1919
1919
  'inline-end': 0,
1920
- 'inline-start': calc(var(--joy-layout-space)*2)
1920
+ 'inline-start': 16px
1921
1921
  );
1922
1922
 
1923
1923
  $chart-props: (
@@ -1976,10 +1976,10 @@ $chat-header-props: (
1976
1976
  'font-letter-spacing': "unset",
1977
1977
  'font-text-decoration': "unset",
1978
1978
  'font-text-transform': "unset",
1979
- 'padding-top': 0,
1980
- 'padding-right': calc(var(--cosmopolitan-layout-space) * 2),
1981
- 'padding-bottom': 0,
1982
- 'padding-left': calc(var(--cosmopolitan-layout-space) * 2),
1979
+ 'padding-top': "unset",
1980
+ 'padding-right': "unset",
1981
+ 'padding-bottom': "unset",
1982
+ 'padding-left': "unset",
1983
1983
  'gap': "unset",
1984
1984
  'transition-duration': "unset",
1985
1985
  'transition-mode': "unset",
@@ -2098,32 +2098,6 @@ $chat-message-divider-props: (
2098
2098
  'translate': "unset"
2099
2099
  );
2100
2100
 
2101
- $check-box-group-props: (
2102
- 'font-family': "unset",
2103
- 'font-size': "unset",
2104
- 'font-line-height': "unset",
2105
- 'font-weight': "unset",
2106
- 'font-letter-spacing': "unset",
2107
- 'font-text-decoration': "unset",
2108
- 'font-text-transform': "unset",
2109
- 'padding-top': "unset",
2110
- 'padding-right': "unset",
2111
- 'padding-bottom': "unset",
2112
- 'padding-left': "unset",
2113
- 'gap': "unset",
2114
- 'transition-duration': "unset",
2115
- 'transition-mode': "unset",
2116
- 'transition-property': unset,
2117
- 'translate': "unset",
2118
- 'background-color': unset,
2119
- 'border-color': unset,
2120
- 'border-radius': unset,
2121
- 'border-style': unset,
2122
- 'border-width': unset,
2123
- 'foreground-color': unset,
2124
- 'shadow': unset
2125
- );
2126
-
2127
2101
  $check-box-props: (
2128
2102
  'font-family': var(--cosmopolitan-font-family),
2129
2103
  'font-size': var(--cosmopolitan-typography-content-font-size),
@@ -2150,6 +2124,32 @@ $check-box-props: (
2150
2124
  'shadow': var(--cosmopolitan-elevation-none)
2151
2125
  );
2152
2126
 
2127
+ $check-box-group-props: (
2128
+ 'font-family': "unset",
2129
+ 'font-size': "unset",
2130
+ 'font-line-height': "unset",
2131
+ 'font-weight': "unset",
2132
+ 'font-letter-spacing': "unset",
2133
+ 'font-text-decoration': "unset",
2134
+ 'font-text-transform': "unset",
2135
+ 'padding-top': "unset",
2136
+ 'padding-right': "unset",
2137
+ 'padding-bottom': "unset",
2138
+ 'padding-left': "unset",
2139
+ 'gap': "unset",
2140
+ 'transition-duration': "unset",
2141
+ 'transition-mode': "unset",
2142
+ 'transition-property': unset,
2143
+ 'translate': "unset",
2144
+ 'background-color': unset,
2145
+ 'border-color': unset,
2146
+ 'border-radius': unset,
2147
+ 'border-style': unset,
2148
+ 'border-width': unset,
2149
+ 'foreground-color': unset,
2150
+ 'shadow': unset
2151
+ );
2152
+
2153
2153
  $checkmark-props: (
2154
2154
  'font-family': "unset",
2155
2155
  'font-size': "unset",
@@ -2760,11 +2760,7 @@ $dialog-props: (
2760
2760
  'border-width': unset,
2761
2761
  'divider-height': unset,
2762
2762
  'foreground-color': unset,
2763
- 'shadow-blur': unset,
2764
- 'shadow-color': unset,
2765
- 'shadow-offset-x': unset,
2766
- 'shadow-offset-y': unset,
2767
- 'shadow-spread': unset
2763
+ 'shadow': unset
2768
2764
  );
2769
2765
 
2770
2766
  $dialog-actions-props: (
@@ -2949,7 +2945,7 @@ $divider-props: (
2949
2945
  'border-width': unset,
2950
2946
  'foreground-color': unset,
2951
2947
  'shadow': unset,
2952
- 'thickness': var(--cosmopolitan-layout-thickness)
2948
+ 'thickness': unset
2953
2949
  );
2954
2950
 
2955
2951
  $dot-props: (
package/Themes/default-tokens.scss ADDED
@@ -0,0 +1,6 @@
1
+ $name: "default";
2
+ $font-family: 'Inter', Roboto, Helvetica, sans-serif;
3
+ $layout-radius: 12px;
4
+ $layout-space: 8px;
5
+ $layout-thickness: 2px;
6
+ $elevation-none: none;