@dss-kit/ui-kit 0.0.24 → 0.0.25

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 (50) hide show
  1. package/README.md +21 -21
  2. package/dist/components/builders/Text/Text.d.ts +41 -0
  3. package/dist/components/builders/Text/Text.d.ts.map +1 -0
  4. package/dist/components/builders/Text/Text.stories.d.ts +11 -0
  5. package/dist/components/builders/Text/Text.stories.d.ts.map +1 -0
  6. package/dist/components/builders/Text/index.d.ts +2 -0
  7. package/dist/components/builders/Text/index.d.ts.map +1 -0
  8. package/dist/components/builders/Text/utils/systemToClass.d.ts +21 -0
  9. package/dist/components/builders/Text/utils/systemToClass.d.ts.map +1 -0
  10. package/dist/components/builders/index.d.ts.map +1 -0
  11. package/dist/components/index.d.ts +1 -1
  12. package/dist/components/index.d.ts.map +1 -1
  13. package/dist/components/shared/Hint/Hint.d.ts +1 -1
  14. package/dist/components/shared/Hint/Hint.d.ts.map +1 -1
  15. package/dist/root.css +1 -1
  16. package/dist/styles/utils/breakpoints/base.scss +11 -11
  17. package/dist/styles/utils/breakpoints/index.scss +3 -3
  18. package/dist/styles/utils/breakpoints/screen.scss +61 -67
  19. package/dist/styles/utils/breakpoints/semantic.scss +31 -31
  20. package/dist/styles/utils/fonts/font-family.scss +3 -3
  21. package/dist/styles/utils/fonts/index.scss +1 -2
  22. package/dist/styles/utils/index.scss +5 -5
  23. package/dist/styles/utils/size/index.scss +1 -1
  24. package/dist/styles/utils/size/modifiers.scss +29 -29
  25. package/dist/styles/utils/style/index.scss +1 -1
  26. package/dist/styles/utils/style/variants.scss +34 -34
  27. package/dist/styles/utils/typography/_font-weight.scss +25 -0
  28. package/dist/styles/utils/typography/_variants.scss +87 -0
  29. package/dist/styles/utils/typography/index.scss +2 -2
  30. package/dist/types/tokens.types.d.ts +0 -3
  31. package/dist/types/tokens.types.d.ts.map +1 -1
  32. package/dist/ui-kit.cjs.js +2 -2
  33. package/dist/ui-kit.cjs.js.map +1 -1
  34. package/dist/ui-kit.css +1 -1
  35. package/dist/ui-kit.es.js +1172 -210
  36. package/dist/ui-kit.es.js.map +1 -1
  37. package/package.json +77 -76
  38. package/dist/components/typography/Text/Text.d.ts +0 -3
  39. package/dist/components/typography/Text/Text.d.ts.map +0 -1
  40. package/dist/components/typography/Text/Text.stories.d.ts +0 -7
  41. package/dist/components/typography/Text/Text.stories.d.ts.map +0 -1
  42. package/dist/components/typography/Text/Text.types.d.ts +0 -14
  43. package/dist/components/typography/Text/Text.types.d.ts.map +0 -1
  44. package/dist/components/typography/Text/index.d.ts +0 -3
  45. package/dist/components/typography/Text/index.d.ts.map +0 -1
  46. package/dist/components/typography/index.d.ts.map +0 -1
  47. package/dist/styles/utils/fonts/font-weight.scss +0 -59
  48. package/dist/styles/utils/typography/text.scss +0 -52
  49. package/dist/styles/utils/typography/title.scss +0 -42
  50. /package/dist/components/{typography → builders}/index.d.ts +0 -0
@@ -1,52 +0,0 @@
1
- @use '../fonts';
2
-
3
- @mixin _text-common {
4
- @include fonts.Inter;
5
- word-break: break-word;
6
- }
7
-
8
- // Text Body 1
9
- @mixin text-body1 {
10
- @include _text-common;
11
- font-size: 16px;
12
- line-height: 24px;
13
- }
14
-
15
- // Text Body 2
16
- @mixin text-body2 {
17
- @include _text-common;
18
- font-size: 14px;
19
- line-height: 20px;
20
- }
21
-
22
- // Text Caption 1
23
- @mixin text-caption1 {
24
- @include _text-common;
25
- font-size: 12px;
26
- line-height: 16px;
27
- }
28
-
29
- // Text Caption 2
30
- @mixin text-caption2 {
31
- @include _text-common;
32
- font-size: 11px;
33
- line-height: 12px;
34
- }
35
-
36
- @mixin text-variants {
37
- &_body1 {
38
- @include text-body1;
39
- }
40
-
41
- &_body2 {
42
- @include text-body2;
43
- }
44
-
45
- &_caption1 {
46
- @include text-caption1;
47
- }
48
-
49
- &_caption2 {
50
- @include text-caption2;
51
- }
52
- }
@@ -1,42 +0,0 @@
1
- @use '../fonts';
2
-
3
- @mixin _title-common {
4
- @include fonts.Inter;
5
- word-break: break-word;
6
- }
7
-
8
- @mixin title1 {
9
- @include _title-common;
10
- font-size: 32px;
11
- line-height: 36px;
12
- }
13
-
14
- @mixin title2 {
15
- @include _title-common;
16
- font-size: 24px;
17
- line-height: 28px;
18
- }
19
-
20
- @mixin title3 {
21
- @include _title-common;
22
- font-size: 20px;
23
- line-height: 24px;
24
- }
25
-
26
- @mixin headline1 {
27
- @include _title-common;
28
- font-size: 22px;
29
- line-height: 26px;
30
- }
31
-
32
- @mixin headline2 {
33
- @include _title-common;
34
- font-size: 18px;
35
- line-height: 22px;
36
- }
37
-
38
- @mixin headline3 {
39
- @include _title-common;
40
- font-size: 16px;
41
- line-height: 20px;
42
- }