@flightlesslabs/dodo-ui 0.20.0 → 0.21.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 (34) hide show
  1. package/README.md +2 -205
  2. package/dist/components/Form/Button/ButtonAsAnchor.svelte +1 -1
  3. package/dist/components/Form/DatePicker/DatePicker.scss +0 -26
  4. package/dist/components/Form/DatePicker/DatePicker.svelte +8 -1
  5. package/dist/components/Form/DatePicker/DatePickerInput/DatePickerInput.svelte +3 -1
  6. package/dist/components/Form/DatePicker/DatePickerPopup/CalendarGrid.svelte +1 -1
  7. package/dist/components/Form/InputEnclosure/InputEnclosure.scss +34 -0
  8. package/dist/components/Form/InputEnclosure/InputEnclosure.stories.svelte +11 -11
  9. package/dist/components/Form/Label/Label.svelte +1 -1
  10. package/dist/components/Form/Select/Select.scss +0 -27
  11. package/dist/components/Form/Select/SelectInput.svelte +4 -1
  12. package/dist/components/Form/TextInput/TextInput.svelte +3 -3
  13. package/dist/components/Layout/Card/Card.stories.svelte +1 -2
  14. package/dist/components/Layout/Theme/ThemeSystem/index.mdx +53 -53
  15. package/dist/styles/components.css +23 -68
  16. package/dist/styles/components.css.map +1 -1
  17. package/dist/styles/components.scss +0 -1
  18. package/package.json +1 -1
  19. package/src/lib/components/Form/Button/ButtonAsAnchor.svelte +1 -1
  20. package/src/lib/components/Form/DatePicker/DatePicker.scss +0 -26
  21. package/src/lib/components/Form/DatePicker/DatePicker.svelte +8 -1
  22. package/src/lib/components/Form/DatePicker/DatePickerInput/DatePickerInput.svelte +3 -1
  23. package/src/lib/components/Form/DatePicker/DatePickerPopup/CalendarGrid.svelte +1 -1
  24. package/src/lib/components/Form/InputEnclosure/InputEnclosure.scss +34 -0
  25. package/src/lib/components/Form/InputEnclosure/InputEnclosure.stories.svelte +11 -11
  26. package/src/lib/components/Form/Label/Label.svelte +1 -1
  27. package/src/lib/components/Form/Select/Select.scss +0 -27
  28. package/src/lib/components/Form/Select/SelectInput.svelte +4 -1
  29. package/src/lib/components/Form/TextInput/TextInput.svelte +3 -3
  30. package/src/lib/components/Layout/Card/Card.stories.svelte +1 -2
  31. package/src/lib/components/Layout/Theme/ThemeSystem/index.mdx +53 -53
  32. package/src/lib/styles/components.scss +0 -1
  33. package/dist/components/Form/TextInput/TextInput.scss +0 -34
  34. package/src/lib/components/Form/TextInput/TextInput.scss +0 -34
package/src/lib/components/Layout/Theme/ThemeSystem/index.mdx CHANGED
@@ -1,53 +1,53 @@
1
- import { Source } from '@storybook/addon-docs/blocks';
2
-
3
- # 🎨 Theme System
4
-
5
- A lightweight theme system built using context + local store.
6
-
7
- ## 🧩 Theme Context
8
-
9
- ### 📦 Import
10
-
11
- <Source
12
- dark
13
- language="ts"
14
- code={`
15
- import { useThemeContext } from '@flightlesslabs/dodo-ui';
16
- `}
17
- />
18
-
19
- Provides access to the active theme.
20
-
21
- ### Usage
22
-
23
- <Source
24
- dark
25
- language="ts"
26
- code={`
27
- const { theme } = useThemeContext();
28
- `}
29
- />
30
-
31
- ## 🏪 Theme Store
32
-
33
- Global theme state.
34
-
35
- ### 📦 Import
36
-
37
- <Source
38
- dark
39
- language="ts"
40
- code={`
41
- import { useThemeStore } from '@flightlesslabs/dodo-ui';
42
- `}
43
- />
44
-
45
- ### Read
46
-
47
- <Source
48
- dark
49
- language="ts"
50
- code={`
51
- const theme = useThemeStore.theme;
52
- `}
53
- />
1
+ import { Source } from '@storybook/addon-docs/blocks';
2
+
3
+ # 🎨 Theme System
4
+
5
+ A lightweight theme system built using context + local store.
6
+
7
+ ## 🧩 Theme Context
8
+
9
+ ### 📦 Import
10
+
11
+ <Source
12
+ dark
13
+ language="ts"
14
+ code={`
15
+ import { useThemeContext } from '@flightlesslabs/dodo-ui';
16
+ `}
17
+ />
18
+
19
+ Provides access to the active theme.
20
+
21
+ ### Usage
22
+
23
+ <Source
24
+ dark
25
+ language="ts"
26
+ code={`
27
+ const { theme } = useThemeContext();
28
+ `}
29
+ />
30
+
31
+ ## 🏪 Theme Store
32
+
33
+ Global theme state.
34
+
35
+ ### 📦 Import
36
+
37
+ <Source
38
+ dark
39
+ language="ts"
40
+ code={`
41
+ import { useThemeStore } from '@flightlesslabs/dodo-ui';
42
+ `}
43
+ />
44
+
45
+ ### Read
46
+
47
+ <Source
48
+ dark
49
+ language="ts"
50
+ code={`
51
+ const theme = useThemeStore.theme;
52
+ `}
53
+ />
package/src/lib/styles/components.scss CHANGED
@@ -3,7 +3,6 @@
3
3
  @use '../components/Form/UtilityButton/UtilityButton.scss';
4
4
  @use '../components/Form/Button/Button.scss';
5
5
  @use '../components/Form/InputEnclosure/InputEnclosure.scss';
6
- @use '../components/Form/TextInput/TextInput.scss';
7
6
  @use '../components/Form/Label/Label.scss';
8
7
  @use '../components/Form/FormField/FormField.scss';
9
8
  @use '../components/Form/CheckEnclosure/CheckEnclosure.scss';
package/dist/components/Form/TextInput/TextInput.scss DELETED
@@ -1,34 +0,0 @@
1
- // ----------------------------------------
2
- // Component CSS
3
- // ----------------------------------------
4
- .dodo-ui-TextInput {
5
- flex: 1;
6
- border: 0;
7
- outline: 0;
8
- height: 100%;
9
- background-color: transparent;
10
- font-family: inherit;
11
- color: inherit;
12
- letter-spacing: 0.3px;
13
- margin: 0;
14
-
15
- // ----------------------------------------
16
- // Sizes
17
- // ----------------------------------------
18
- &.size {
19
- &--normal {
20
- font-size: 1rem;
21
- padding: 0 calc(var(--dodo-ui-space-small) * 2);
22
- }
23
-
24
- &--small {
25
- padding: 0 var(--dodo-ui-space);
26
- font-size: 0.9rem;
27
- }
28
-
29
- &--large {
30
- font-size: 1.1rem;
31
- padding: 0 calc(var(--dodo-ui-space) * 2);
32
- }
33
- }
34
- }
package/src/lib/components/Form/TextInput/TextInput.scss DELETED
@@ -1,34 +0,0 @@
1
- // ----------------------------------------
2
- // Component CSS
3
- // ----------------------------------------
4
- .dodo-ui-TextInput {
5
- flex: 1;
6
- border: 0;
7
- outline: 0;
8
- height: 100%;
9
- background-color: transparent;
10
- font-family: inherit;
11
- color: inherit;
12
- letter-spacing: 0.3px;
13
- margin: 0;
14
-
15
- // ----------------------------------------
16
- // Sizes
17
- // ----------------------------------------
18
- &.size {
19
- &--normal {
20
- font-size: 1rem;
21
- padding: 0 calc(var(--dodo-ui-space-small) * 2);
22
- }
23
-
24
- &--small {
25
- padding: 0 var(--dodo-ui-space);
26
- font-size: 0.9rem;
27
- }
28
-
29
- &--large {
30
- font-size: 1.1rem;
31
- padding: 0 calc(var(--dodo-ui-space) * 2);
32
- }
33
- }
34
- }