contain-css-svelte 0.0.1 → 0.0.3

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 (6) hide show
  1. package/dist/index.d.ts +12 -3
  2. package/dist/index.js +12 -3
  3. package/dist/layout/ResponsiveText.svelte +1 -2
  4. package/dist/vars/themes/dark.css +11 -0
  5. package/dist/vars/themes/light.css +24 -0
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -2,22 +2,31 @@ import Card from "./Card.svelte";
2
2
  import Button from "./controls/Button.svelte";
3
3
  import Checkbox from "./controls/Checkbox.svelte";
4
4
  import Input from "./controls/Input.svelte";
5
+ import MiniButton from "./controls/MiniButton.svelte";
6
+ import RadioButton from "./controls/RadioButton.svelte";
7
+ import Select from "./controls/Select.svelte";
5
8
  import Slider from "./controls/Slider.svelte";
9
+ import TabItem from "./controls/TabItem.svelte";
6
10
  import Bar from "./layout/Bar.svelte";
7
11
  import Column from "./layout/Column.svelte";
8
12
  import Columns from "./layout/Columns.svelte";
9
13
  import Container from "./layout/Container.svelte";
10
14
  import FormItem from "./layout/FormItem.svelte";
11
15
  import GridLayout from "./layout/GridLayout.svelte";
16
+ import Hero from "./layout/Hero.svelte";
12
17
  import MenuList from "./layout/MenuList.svelte";
13
18
  import Page from "./layout/Page.svelte";
14
19
  import ResponsiveText from "./layout/ResponsiveText.svelte";
15
20
  import Row from "./layout/Row.svelte";
21
+ import SplitPane from "./layout/SplitPane.svelte";
22
+ import TabBar from "./layout/TabBar.svelte";
16
23
  import Tile from "./layout/Tile.svelte";
17
24
  import Code from "./misc/Code.svelte";
18
25
  import TextLayout from "./typography/TextLayout.svelte";
19
- export { Button, Checkbox, Input, Slider };
20
- export { Bar, Container, GridLayout, MenuList, Page, ResponsiveText };
26
+ export { Hero };
27
+ export { TabItem };
28
+ export { Button, Checkbox, Input, Slider, RadioButton, MiniButton, Select };
29
+ export { Bar, Container, GridLayout, MenuList, Page, ResponsiveText, TabBar };
21
30
  export { TextLayout, Code };
22
31
  export { Card, Tile, FormItem };
23
- export { Row, Column, Columns };
32
+ export { Row, Column, Columns, SplitPane };
package/dist/index.js CHANGED
@@ -3,22 +3,31 @@ import Card from "./Card.svelte";
3
3
  import Button from "./controls/Button.svelte";
4
4
  import Checkbox from "./controls/Checkbox.svelte";
5
5
  import Input from "./controls/Input.svelte";
6
+ import MiniButton from "./controls/MiniButton.svelte";
7
+ import RadioButton from "./controls/RadioButton.svelte";
8
+ import Select from "./controls/Select.svelte";
6
9
  import Slider from "./controls/Slider.svelte";
10
+ import TabItem from "./controls/TabItem.svelte";
7
11
  import Bar from "./layout/Bar.svelte";
8
12
  import Column from "./layout/Column.svelte";
9
13
  import Columns from "./layout/Columns.svelte";
10
14
  import Container from "./layout/Container.svelte";
11
15
  import FormItem from "./layout/FormItem.svelte";
12
16
  import GridLayout from "./layout/GridLayout.svelte";
17
+ import Hero from "./layout/Hero.svelte";
13
18
  import MenuList from "./layout/MenuList.svelte";
14
19
  import Page from "./layout/Page.svelte";
15
20
  import ResponsiveText from "./layout/ResponsiveText.svelte";
16
21
  import Row from "./layout/Row.svelte";
22
+ import SplitPane from "./layout/SplitPane.svelte";
23
+ import TabBar from "./layout/TabBar.svelte";
17
24
  import Tile from "./layout/Tile.svelte";
18
25
  import Code from "./misc/Code.svelte";
19
26
  import TextLayout from "./typography/TextLayout.svelte";
20
- export { Button, Checkbox, Input, Slider };
21
- export { Bar, Container, GridLayout, MenuList, Page, ResponsiveText };
27
+ export { Hero };
28
+ export { TabItem };
29
+ export { Button, Checkbox, Input, Slider, RadioButton, MiniButton, Select };
30
+ export { Bar, Container, GridLayout, MenuList, Page, ResponsiveText, TabBar };
22
31
  export { TextLayout, Code };
23
32
  export { Card, Tile, FormItem };
24
- export { Row, Column, Columns };
33
+ export { Row, Column, Columns, SplitPane };
package/dist/layout/ResponsiveText.svelte CHANGED
@@ -1,5 +1,4 @@
1
- <script>import { browser } from "$app/environment";
2
- export let greaterThan = null;
1
+ <script>export let greaterThan = null;
3
2
  export let smallerThan = null;
4
3
  let smallerThanClasses = "";
5
4
  let greaterThanClasses = "";
package/dist/vars/themes/dark.css ADDED
@@ -0,0 +1,11 @@
1
+ :root {
2
+ --fg: var(--material-color-grey-900);
3
+ --bg: var(--material-color-grey-100);
4
+ --container-bg: var(--material-color-grey-900);
5
+ --container-fg: var(--material-color-grey-100);
6
+ --primary-bg: var(--material-color-light-blue-500);
7
+ --primary-fg: var(--material-color-grey-100);
8
+ --secondary-bg: var(--material-color-grey-300);
9
+ --secondary-fg: var(--material-color-grey-900);
10
+ --hover-filter: brightness(1.1) contrast(1.5);
11
+ }
package/dist/vars/themes/light.css ADDED
@@ -0,0 +1,24 @@
1
+ /* light mode */
2
+
3
+ :root {
4
+ --fg: var(--material-color-grey-800);
5
+ --bg: #fafafa;
6
+ --container-bg: var(--material-color-grey-100);
7
+ --container-fg: var(--material-color-grey-800);
8
+ --sidebar-bg: var(--material-color-grey-100);
9
+ --sidebar-fg: var(--material-color-grey-900);
10
+ --menu-bg: var(--material-color-grey-100);
11
+ --menu-fg: var(--material-color-grey-900);
12
+ --primary-bg: var(--material-color-blue-500);
13
+ --primary-fg: var(--material-color-grey-100);
14
+ --secondary-bg: var(--material-color-grey-400);
15
+ --secondary-fg: var(--material-color-grey-900);
16
+ --stripe-bg: var(--material-color-grey-900);
17
+ --stripe-fg: var(--material-color-grey-100);
18
+ --control-bg: var(--material-color-grey-300);
19
+ --control-fg: var(--material-color-grey-900);
20
+ --border-color: var(--material-color-grey-400);
21
+ --input-bg: #fefefe;
22
+ --input-fg: var(--material-color-grey-900);
23
+ --hover-filter: brightness(0.9) contrast(1.5);
24
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contain-css-svelte",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run package",