@telia/teddy 0.0.3 → 0.0.4

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 (108) hide show
  1. package/README.md +8 -10
  2. package/dist/assets/5161b177f001ea1a.svg +1080 -0
  3. package/dist/assets/badge.css +1 -0
  4. package/dist/assets/button.css +1 -1
  5. package/dist/assets/grid.css +1 -0
  6. package/dist/assets/heading.css +1 -0
  7. package/dist/assets/icon.css +1 -1
  8. package/dist/assets/input.css +1 -1
  9. package/dist/assets/label.css +1 -1
  10. package/dist/assets/link.css +1 -0
  11. package/dist/assets/main.css +1 -1
  12. package/dist/assets/navigation-menu.css +1 -0
  13. package/dist/assets/text-field.css +1 -1
  14. package/dist/assets/text-spacing.css +1 -0
  15. package/dist/assets/text.css +1 -1
  16. package/dist/assets/visually-hidden.css +1 -0
  17. package/dist/badge-CbHdlkcM.js +742 -0
  18. package/dist/components/accordion/accordion.d.ts +59 -0
  19. package/dist/components/accordion/accordion.js +24 -0
  20. package/dist/components/accordion/index.d.ts +2 -0
  21. package/dist/components/accordion/index.js +4 -0
  22. package/dist/components/badge/badge.d.ts +21 -0
  23. package/dist/components/badge/badge.js +24 -0
  24. package/dist/components/badge/index.d.ts +2 -0
  25. package/dist/components/badge/index.js +4 -0
  26. package/dist/components/button/button.d.ts +19 -20
  27. package/dist/components/button/button.js +82 -71
  28. package/dist/components/button/index.d.ts +1 -1
  29. package/dist/components/card/card.d.ts +68 -0
  30. package/dist/components/card/card.js +24 -0
  31. package/dist/components/card/index.d.ts +2 -0
  32. package/dist/components/card/index.js +4 -0
  33. package/dist/components/field-error-text/field-error-text.d.ts +4 -3
  34. package/dist/components/field-error-text/field-error-text.js +12 -12
  35. package/dist/components/grid/grid.d.ts +77 -0
  36. package/dist/components/grid/grid.js +393 -0
  37. package/dist/components/grid/index.d.ts +2 -0
  38. package/dist/components/grid/index.js +4 -0
  39. package/dist/components/heading/heading.d.ts +63 -0
  40. package/dist/components/heading/heading.js +53 -0
  41. package/dist/components/heading/index.d.ts +2 -0
  42. package/dist/components/heading/index.js +4 -0
  43. package/dist/components/helper-text/helper-text.d.ts +2 -1
  44. package/dist/components/helper-text/helper-text.js +7 -7
  45. package/dist/components/icon/icon.d.ts +13 -2
  46. package/dist/components/icon/icon.js +22 -22
  47. package/dist/components/icon/index.d.ts +2 -1
  48. package/dist/components/icon/index.js +1 -1
  49. package/dist/components/index.d.ts +10 -0
  50. package/dist/components/index.js +38 -21
  51. package/dist/components/input/input.d.ts +14 -23
  52. package/dist/components/input/input.js +72 -50
  53. package/dist/components/label/label.d.ts +3 -1
  54. package/dist/components/label/label.js +23 -51
  55. package/dist/components/link/index.d.ts +2 -0
  56. package/dist/components/link/index.js +4 -0
  57. package/dist/components/link/link.d.ts +49 -0
  58. package/dist/components/link/link.js +36 -0
  59. package/dist/components/navigation-menu/index.d.ts +2 -0
  60. package/dist/components/navigation-menu/index.js +4 -0
  61. package/dist/components/navigation-menu/navigation-menu.d.ts +126 -0
  62. package/dist/components/navigation-menu/navigation-menu.js +10 -0
  63. package/dist/components/spinner/spinner.d.ts +2 -1
  64. package/dist/components/spinner/spinner.js +5 -5
  65. package/dist/components/switch/index.d.ts +2 -0
  66. package/dist/components/switch/index.js +4 -0
  67. package/dist/components/switch/switch.d.ts +44 -0
  68. package/dist/components/switch/switch.js +23 -0
  69. package/dist/components/text/text.d.ts +15 -8
  70. package/dist/components/text/text.js +27 -41
  71. package/dist/components/text-field/text-field.d.ts +24 -24
  72. package/dist/components/text-field/text-field.js +102 -125
  73. package/dist/components/text-spacing/index.d.ts +2 -0
  74. package/dist/components/text-spacing/index.js +4 -0
  75. package/dist/components/text-spacing/text-spacing.d.ts +19 -0
  76. package/dist/components/text-spacing/text-spacing.js +17 -0
  77. package/dist/components/visually-hidden/index.d.ts +2 -0
  78. package/dist/components/visually-hidden/index.js +4 -0
  79. package/dist/components/visually-hidden/visually-hidden.d.ts +15 -0
  80. package/dist/components/visually-hidden/visually-hidden.js +24 -0
  81. package/dist/icons/category.d.ts +985 -0
  82. package/dist/icons/category.js +333 -0
  83. package/dist/icons/name.d.ts +1 -1
  84. package/dist/icons/name.js +250 -200
  85. package/dist/index-DM5e-Whg.js +43 -0
  86. package/dist/index-DpfSJps6.js +75 -0
  87. package/dist/main.d.ts +1 -0
  88. package/dist/main.js +53 -36
  89. package/dist/navigation-menu-BgN7IKev.js +1334 -0
  90. package/dist/tokens/spacing/variables.json.d.ts +34 -0
  91. package/dist/utils/action.d.ts +1 -1
  92. package/dist/utils/composeEventHandlers.d.ts +30 -0
  93. package/dist/utils/composeEventHandlers.js +9 -0
  94. package/dist/utils/composeRefs.d.ts +40 -0
  95. package/dist/utils/composeRefs.js +14 -0
  96. package/dist/utils/layout.d.ts +12 -0
  97. package/dist/utils/layout.js +11 -0
  98. package/package.json +23 -22
  99. package/dist/assets/f2a2f391a886d395.svg +0 -284
  100. package/dist/index-TI1xsy6a.js +0 -70
  101. package/dist/teams/index.d.ts +0 -0
  102. package/dist/teams/index.js +0 -1
  103. package/dist/teams/min-side/index.d.ts +0 -0
  104. package/dist/teams/min-side/index.js +0 -1
  105. package/dist/teams/webshop/index.d.ts +0 -0
  106. package/dist/teams/webshop/index.js +0 -1
  107. /package/dist/{teams/business/index.d.ts → components/text-field/tex-field-label.d.ts} +0 -0
  108. /package/dist/{teams/business/index.js → components/text-field/tex-field-label.js} +0 -0
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # Teddy - Telia Norway's Design System
2
2
 
3
3
  <p align="center">
4
- <img src="./other/stories/assets/teddy200.png" width="100" alt="Teddy - Telia Norway's Design System" />
4
+ <img src="https://d67ed36g77c51.cloudfront.net/teddy200.png" width="100" alt="Teddy - Telia Norway's Design System" />
5
5
  </p>
6
6
  <p align="center">
7
7
  <img src="https://img.shields.io/npm/v/@telia/teddy?style=flat-square&color=00a8f0" alt="npm version" />
@@ -37,8 +37,8 @@ To contribute to or utilize Teddy:
37
37
 
38
38
  2. **Setup**
39
39
 
40
- - Node.js (v20)
41
- - PNPM (v8)
40
+ - Node.js (v20) `nvm install 20 --lts`/`nvm use 20`
41
+ - PNPM (v8) `npm install -g pnpm@8`
42
42
 
43
43
  3. **Install dependencies**:
44
44
 
@@ -64,19 +64,17 @@ The `lib` directory is where the core parts of the Teddy library are located. It
64
64
 
65
65
  #### Other Folder
66
66
 
67
- The `other` directory supports the development and documentation of Teddy with: Incorporating the functionality of the
68
- `plopfile.ts` script into the `README.md` under the **Scripts** section, you can describe it as follows:
67
+ The `other` directory supports the development and documentation of Teddy.
69
68
 
70
69
  - **Scripts**: Contains automation scripts crucial for the development and maintenance of the project. These scripts
71
70
  include:
72
71
  - **Icon and Token Generation**: Scripts for generating icons and tokens that populate the `lib/icons` and
73
72
  `lib/tokens` directories, ensuring design consistency and scalability across the project.
74
73
  - **Component Scaffolding with Plop**: Utilizes `plopfile.ts` to automate the process of creating new components,
75
- whether they are core components, team-specific components, or derived from the Purpur project. This setup
76
- streamlines the addition of new components to the project by providing a series of prompts to specify the
77
- component's attributes (such as name, category, and team) and then automatically generating the necessary files
78
- according to predefined templates. This process not only saves time but also enforces coding and design standards
79
- across the project.
74
+ whether they are core components or team-specific components. This setup streamlines the addition of new components
75
+ to the project by providing a series of prompts to specify the component's attributes (such as name, category, and
76
+ team) and then automatically generating the necessary files according to predefined templates. This process not only
77
+ saves time but also enforces coding and design standards across the project.
80
78
  - **Stories**: Storybook stories that document the project.
81
79
  - **Tokens**: Source files for design tokens that dictate the library's foundational styles.
82
80
  - **SVG-Icons**: A collection of SVG files that are transformed into svg-sprite for the library. For more information,