handoff-app 0.1.2 → 0.1.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 (6) hide show
  1. package/Changelog.md +40 -2
  2. package/installer/template/templates/main.scss +89 -7
  3. package/package.json +5 -4
  4. package/public/assets/icons.html +36 -36
  5. package/public/assets/icons.svg +1 -1
  6. package/scripts/build/scripts.js +6 -1
package/Changelog.md CHANGED
@@ -3,9 +3,47 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
 
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
- and this project adheres to
6
+ and this project adheres to
7
7
  [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
8
8
 
9
+ ## [0.1.4] - 2023-03-09
10
+
11
+ ### Bugfixes
12
+
13
+ - Fixes a build issue with types on NextJS build
14
+ - Adds a npm script to run the installer for the figma exporter without dev deps
15
+
16
+ ## [0.1.3] - 2023-03-09
17
+
18
+ ### Changes
19
+
20
+ - Improving changelog for previous changes
21
+
22
+ ### Bugfixes
23
+
24
+ - Fixes a bug where the installer was deploying with outdated css for custom
25
+ previews
26
+
27
+ ## [0.1.2] - 2023-03-09
28
+
29
+ ### Bugfixes
30
+
31
+ - Fixing installer package json version b2d58c5
32
+
33
+ ## [0.1.1] - 2023-03-09
34
+
35
+ ### Bugfixes
36
+
37
+ - Fixes script naming for installed sites
38
+
9
39
  ## [0.1.0] - 2023-03-09
40
+
10
41
  ### Changes
11
- Initial public release of the Handoff App. This is a beta release.
42
+
43
+ - Creates the initial public version of Handoff
44
+ - High level initial feature list
45
+ - Builds pipeline from Figma to generate tokens from well structured file
46
+ - Exports design foundations (colors, typography, icons, logos)
47
+ - Component design tokens (buttons, alerts, modal, tooltips, inputs, radios, checkboxes, radio, switches)
48
+ - Transformers for sass variables, css variables, previews and custom fonts
49
+ - Static web application that can be published to any web host
package/installer/template/templates/main.scss CHANGED
@@ -1,11 +1,93 @@
1
- // Load custom component map to overwrite
2
- // Order in which files are loaded doesn't matter (because of !default)
3
- @import '../sass/project/alerts';
1
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500&display=swap');
2
+
3
+
4
+
5
+ // Initialize Bootstrap
6
+ // ------------------------------------------------------------------
7
+
8
+ @import 'node_modules/bootstrap/scss/functions';
9
+
10
+
11
+ // Project Variables
12
+ // ------------------------------------------------------------------
13
+
14
+ $prefix: '';
15
+ $enable-shadows: true;
16
+
4
17
  @import '../sass/project/buttons';
18
+ @import '../sass/project/checkbox';
19
+ @import '../sass/project/radio';
20
+ @import '../sass/project/switch';
5
21
  @import '../sass/project/input';
22
+ @import '../sass/project/select';
23
+ @import '../sass/project/alerts';
24
+ @import '../sass/project/modal';
25
+ @import '../sass/project/pagination';
6
26
  @import '../sass/project/tooltips';
7
27
 
8
- // Load Bootstrap variables
9
- // All bootstrap variables are marked with !default and will be ignored if declared previously
10
- @import 'bootstrap/scss/bootstrap';
11
- @import '../sass/project/buttons';
28
+
29
+ // Bootstrap Variables
30
+ // ------------------------------------------------------------------
31
+
32
+ @import 'node_modules/bootstrap/scss/variables';
33
+ @import 'node_modules/bootstrap/scss/maps';
34
+
35
+
36
+ // Bootstrap Base
37
+ // ------------------------------------------------------------------
38
+
39
+ @import 'node_modules/bootstrap/scss/mixins';
40
+ @import 'node_modules/bootstrap/scss/root';
41
+ @import 'node_modules/bootstrap/scss/utilities';
42
+ @import 'node_modules/bootstrap/scss/reboot';
43
+
44
+
45
+ // Bootstrap Components
46
+ // ------------------------------------------------------------------
47
+
48
+ @import 'node_modules/bootstrap/scss/type';
49
+ @import 'node_modules/bootstrap/scss/images';
50
+ @import 'node_modules/bootstrap/scss/containers';
51
+ @import 'node_modules/bootstrap/scss/grid';
52
+ @import 'node_modules/bootstrap/scss/tables';
53
+ @import 'node_modules/bootstrap/scss/forms';
54
+ @import 'node_modules/bootstrap/scss/buttons';
55
+ @import 'node_modules/bootstrap/scss/transitions';
56
+ @import 'node_modules/bootstrap/scss/dropdown';
57
+ @import 'node_modules/bootstrap/scss/button-group';
58
+ @import 'node_modules/bootstrap/scss/nav';
59
+ @import 'node_modules/bootstrap/scss/navbar';
60
+ @import 'node_modules/bootstrap/scss/card';
61
+ @import 'node_modules/bootstrap/scss/accordion';
62
+ @import 'node_modules/bootstrap/scss/breadcrumb';
63
+ @import 'node_modules/bootstrap/scss/pagination';
64
+ @import 'node_modules/bootstrap/scss/badge';
65
+ @import 'node_modules/bootstrap/scss/alert';
66
+ @import 'node_modules/bootstrap/scss/progress';
67
+ @import 'node_modules/bootstrap/scss/list-group';
68
+ @import 'node_modules/bootstrap/scss/close';
69
+ @import 'node_modules/bootstrap/scss/toasts';
70
+ @import 'node_modules/bootstrap/scss/modal';
71
+ @import 'node_modules/bootstrap/scss/tooltip';
72
+ @import 'node_modules/bootstrap/scss/popover';
73
+ @import 'node_modules/bootstrap/scss/carousel';
74
+ @import 'node_modules/bootstrap/scss/spinners';
75
+ @import 'node_modules/bootstrap/scss/offcanvas';
76
+ @import 'node_modules/bootstrap/scss/placeholders';
77
+ @import 'node_modules/bootstrap/scss/helpers';
78
+ @import 'node_modules/bootstrap/scss/utilities/api';
79
+
80
+
81
+ // Project Components
82
+ // ------------------------------------------------------------------
83
+
84
+ @import '../sass/project/components/buttons';
85
+ @import '../sass/project/components/checkbox';
86
+ @import '../sass/project/components/radio';
87
+ @import '../sass/project/components/switch';
88
+ @import '../sass/project/components/input';
89
+ @import '../sass/project/components/select';
90
+ @import '../sass/project/components/alerts';
91
+ @import '../sass/project/components/modal';
92
+ @import '../sass/project/components/pagination';
93
+ @import '../sass/project/components/tooltips';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "handoff-app",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "description": "Automated documentation toolchain for building client side documentation from figma",
5
5
  "author ": {
6
6
  "name": "Convertiv",
@@ -31,6 +31,8 @@
31
31
  "scripts": {
32
32
  "start": "npm run dev",
33
33
  "dev": "concurrently --timings -k -n svg-sprite,figma-exporter,nextjs \"npm run watch:svg-sprite\" \"cd figma-exporter && npx preconstruct watch\" \"npx next dev\"",
34
+ "install:lib": "cd figma-exporter && npm install",
35
+ "install:lib:no-dev": "cd figma-exporter && npm install --omit=dev",
34
36
  "build:lib": "cd figma-exporter && npx preconstruct build",
35
37
  "watch:svg-sprite": "node ./scripts/watch-svg-sprite.js",
36
38
  "build:svg-sprite": "node ./scripts/build-svg-sprite.js",
@@ -38,10 +40,9 @@
38
40
  "fetch": "node ./figma-exporter/dist/figma-exporter.cjs.js && mv ./exported/*.zip ./public/",
39
41
  "lint:sass": "stylelint \"sass/**/*.scss\"",
40
42
  "lint": "npm run lint:sass && npx next lint",
41
- "prepack": "npm run build:lib && npm run build:svg-sprite",
43
+ "prepack": "npm run install:lib && npm run build:lib && npm run build:svg-sprite",
42
44
  "release": "np --any-branch",
43
- "test": "npm run lint",
44
- "postinstall": "cd figma-exporter && npm install"
45
+ "test": "npm run lint"
45
46
  },
46
47
  "prettier": {
47
48
  "printWidth": 140,