@jobber/design 0.93.1 → 0.95.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 (6) hide show
  1. package/dist/assets/icon.map.d.ts +1 -0
  2. package/dist/icon.map.js +3 -0
  3. package/dist/index.cjs +13 -0
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.mjs +13 -0
  6. package/package.json +4 -3
package/dist/assets/icon.map.d.ts CHANGED
@@ -192,6 +192,7 @@ declare const _default: {
192
192
  visit: string[];
193
193
  wallet: string[];
194
194
  warning: string[];
195
+ website: string[];
195
196
  wheel: string[];
196
197
  word: string[];
197
198
  work: string[];
package/dist/icon.map.js CHANGED
@@ -704,6 +704,9 @@ export default {
704
704
  "M12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15Z",
705
705
  "M12.8314 2.48522C12.6631 2.18562 12.345 2 12 2C11.655 2 11.3369 2.18562 11.1686 2.48522L2.12101 18.5905C1.95619 18.8839 1.95997 19.2422 2.13095 19.532C2.30193 19.8219 2.61451 20 2.95238 20H21.0476C21.3855 20 21.6981 19.8219 21.8691 19.532C22.04 19.2422 22.0438 18.8839 21.879 18.5905L12.8314 2.48522ZM12 4.88941L19 18H5L12 4.88941Z"
706
706
  ],
707
+ "website": [
708
+ "M20 3C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V5C2 3.89543 2.89543 3 4 3H20ZM4 9V19H20V9H4ZM6 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7C6.55228 7 7 6.55228 7 6C7 5.44772 6.55228 5 6 5ZM10 5C9.44772 5 9 5.4477 9 6C9 6.5523 9.44772 7 10 7C10.5523 7 11 6.5523 11 6C11 5.4477 10.5523 5 10 5ZM14 5C13.4477 5 13 5.4477 13 6C13 6.5523 13.4477 7 14 7C14.5523 7 15 6.5523 15 6C15 5.4477 14.5523 5 14 5Z"
709
+ ],
707
710
  "wheel": [
708
711
  "M13 22C18.5228 22 23 17.5228 23 12C23 6.47715 18.5228 2 13 2C8.70007 2 5.03404 4.71389 3.6213 8.52223C3.57138 8.61385 3.53537 8.71414 3.51611 8.82027C3.38761 9.20367 3.28172 9.59745 3.2 10H5.252C6.14009 6.54955 9.27229 4 13 4C17.4182 4 21 7.58172 21 12C21 16.4183 17.4183 20 13 20H6C5.44772 20 5 20.4477 5 21C5 21.5523 5.44772 22 6 22H13Z",
709
712
  "M19 12C19 15.3137 16.3137 18 13 18C9.68629 18 7 15.3137 7 12C7 8.68629 9.68629 6 13 6C16.3137 6 19 8.68629 19 12ZM16.2773 14.294C16.7327 13.6445 17 12.8535 17 12C17 11.8545 16.9922 11.7109 16.9771 11.5694L14.4088 12.4255L16.2773 14.294ZM14.7518 15.597L12.8809 13.7261L11.091 15.516C11.6584 15.8246 12.3087 16 13 16C13.6283 16 14.2228 15.8551 14.7518 15.597ZM9.62721 14.1513L11.3531 12.4255L9.01543 11.6463C9.00521 11.7628 9 11.8808 9 12C9 12.7919 9.23015 13.5301 9.62721 14.1513ZM9.68474 9.7612L11.8809 10.4933V8.15864C10.9747 8.42219 10.2013 8.99771 9.68474 9.7612ZM13.8809 8.09732V10.4933L16.2707 9.69668C15.7087 8.90018 14.8632 8.31809 13.8809 8.09732Z",
package/dist/index.cjs CHANGED
@@ -18,6 +18,9 @@ const webIconStyles = {
18
18
  longArrowLeft: {
19
19
  transform: "rotate(0deg)",
20
20
  },
21
+ longArrowUpRight: {
22
+ transform: "rotate(135deg)",
23
+ },
21
24
  thumbsDown: {
22
25
  transform: "scaleY(-1)",
23
26
  },
@@ -137,6 +140,12 @@ const mobileIconStyles = Object.assign(Object.assign({}, webIconStyles), { longA
137
140
  rotate: "0deg",
138
141
  },
139
142
  ],
143
+ }, longArrowUpRight: {
144
+ transform: [
145
+ {
146
+ rotate: "135deg",
147
+ },
148
+ ],
140
149
  }, thumbsDown: {
141
150
  transform: [
142
151
  {
@@ -1023,6 +1032,9 @@ var iconMap = {
1023
1032
  "M12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15Z",
1024
1033
  "M12.8314 2.48522C12.6631 2.18562 12.345 2 12 2C11.655 2 11.3369 2.18562 11.1686 2.48522L2.12101 18.5905C1.95619 18.8839 1.95997 19.2422 2.13095 19.532C2.30193 19.8219 2.61451 20 2.95238 20H21.0476C21.3855 20 21.6981 19.8219 21.8691 19.532C22.04 19.2422 22.0438 18.8839 21.879 18.5905L12.8314 2.48522ZM12 4.88941L19 18H5L12 4.88941Z"
1025
1034
  ],
1035
+ "website": [
1036
+ "M20 3C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V5C2 3.89543 2.89543 3 4 3H20ZM4 9V19H20V9H4ZM6 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7C6.55228 7 7 6.55228 7 6C7 5.44772 6.55228 5 6 5ZM10 5C9.44772 5 9 5.4477 9 6C9 6.5523 9.44772 7 10 7C10.5523 7 11 6.5523 11 6C11 5.4477 10.5523 5 10 5ZM14 5C13.4477 5 13 5.4477 13 6C13 6.5523 13.4477 7 14 7C14.5523 7 15 6.5523 15 6C15 5.4477 14.5523 5 14 5Z"
1037
+ ],
1026
1038
  "wheel": [
1027
1039
  "M13 22C18.5228 22 23 17.5228 23 12C23 6.47715 18.5228 2 13 2C8.70007 2 5.03404 4.71389 3.6213 8.52223C3.57138 8.61385 3.53537 8.71414 3.51611 8.82027C3.38761 9.20367 3.28172 9.59745 3.2 10H5.252C6.14009 6.54955 9.27229 4 13 4C17.4182 4 21 7.58172 21 12C21 16.4183 17.4183 20 13 20H6C5.44772 20 5 20.4477 5 21C5 21.5523 5.44772 22 6 22H13Z",
1028
1040
  "M19 12C19 15.3137 16.3137 18 13 18C9.68629 18 7 15.3137 7 12C7 8.68629 9.68629 6 13 6C16.3137 6 19 8.68629 19 12ZM16.2773 14.294C16.7327 13.6445 17 12.8535 17 12C17 11.8545 16.9922 11.7109 16.9771 11.5694L14.4088 12.4255L16.2773 14.294ZM14.7518 15.597L12.8809 13.7261L11.091 15.516C11.6584 15.8246 12.3087 16 13 16C13.6283 16 14.2228 15.8551 14.7518 15.597ZM9.62721 14.1513L11.3531 12.4255L9.01543 11.6463C9.00521 11.7628 9 11.8808 9 12C9 12.7919 9.23015 13.5301 9.62721 14.1513ZM9.68474 9.7612L11.8809 10.4933V8.15864C10.9747 8.42219 10.2013 8.99771 9.68474 9.7612ZM13.8809 8.09732V10.4933L16.2707 9.69668C15.7087 8.90018 14.8632 8.31809 13.8809 8.09732Z",
@@ -2664,6 +2676,7 @@ const secondaryIconMap = {
2664
2676
  longArrowDown: "backArrow",
2665
2677
  longArrowRight: "backArrow",
2666
2678
  longArrowLeft: "backArrow",
2679
+ longArrowUpRight: "backArrow",
2667
2680
  remove: "cross",
2668
2681
  thumbsDown: "thumbsUp",
2669
2682
  };
package/dist/index.d.ts CHANGED
@@ -44,7 +44,7 @@ export declare function getIcon({ name, color, platform, size, format, }: GetIco
44
44
  readonly paths: string[];
45
45
  readonly viewBox: string;
46
46
  };
47
- export type ExtraIconNames = "longArrowUp" | "longArrowDown" | "longArrowRight" | "longArrowLeft" | "remove" | "thumbsDown" | "truck";
47
+ export type ExtraIconNames = "longArrowUp" | "longArrowDown" | "longArrowRight" | "longArrowLeft" | "longArrowUpRight" | "remove" | "thumbsDown" | "truck";
48
48
  export type IconNames = keyof typeof iconMap.icons | ExtraIconNames;
49
49
  export type IconSizes = keyof typeof iconSizes.tokens;
50
50
  export type IconColorNames = keyof typeof iconColors.tokens;
package/dist/index.mjs CHANGED
@@ -16,6 +16,9 @@ const webIconStyles = {
16
16
  longArrowLeft: {
17
17
  transform: "rotate(0deg)",
18
18
  },
19
+ longArrowUpRight: {
20
+ transform: "rotate(135deg)",
21
+ },
19
22
  thumbsDown: {
20
23
  transform: "scaleY(-1)",
21
24
  },
@@ -135,6 +138,12 @@ const mobileIconStyles = Object.assign(Object.assign({}, webIconStyles), { longA
135
138
  rotate: "0deg",
136
139
  },
137
140
  ],
141
+ }, longArrowUpRight: {
142
+ transform: [
143
+ {
144
+ rotate: "135deg",
145
+ },
146
+ ],
138
147
  }, thumbsDown: {
139
148
  transform: [
140
149
  {
@@ -1021,6 +1030,9 @@ var iconMap = {
1021
1030
  "M12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15Z",
1022
1031
  "M12.8314 2.48522C12.6631 2.18562 12.345 2 12 2C11.655 2 11.3369 2.18562 11.1686 2.48522L2.12101 18.5905C1.95619 18.8839 1.95997 19.2422 2.13095 19.532C2.30193 19.8219 2.61451 20 2.95238 20H21.0476C21.3855 20 21.6981 19.8219 21.8691 19.532C22.04 19.2422 22.0438 18.8839 21.879 18.5905L12.8314 2.48522ZM12 4.88941L19 18H5L12 4.88941Z"
1023
1032
  ],
1033
+ "website": [
1034
+ "M20 3C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V5C2 3.89543 2.89543 3 4 3H20ZM4 9V19H20V9H4ZM6 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7C6.55228 7 7 6.55228 7 6C7 5.44772 6.55228 5 6 5ZM10 5C9.44772 5 9 5.4477 9 6C9 6.5523 9.44772 7 10 7C10.5523 7 11 6.5523 11 6C11 5.4477 10.5523 5 10 5ZM14 5C13.4477 5 13 5.4477 13 6C13 6.5523 13.4477 7 14 7C14.5523 7 15 6.5523 15 6C15 5.4477 14.5523 5 14 5Z"
1035
+ ],
1024
1036
  "wheel": [
1025
1037
  "M13 22C18.5228 22 23 17.5228 23 12C23 6.47715 18.5228 2 13 2C8.70007 2 5.03404 4.71389 3.6213 8.52223C3.57138 8.61385 3.53537 8.71414 3.51611 8.82027C3.38761 9.20367 3.28172 9.59745 3.2 10H5.252C6.14009 6.54955 9.27229 4 13 4C17.4182 4 21 7.58172 21 12C21 16.4183 17.4183 20 13 20H6C5.44772 20 5 20.4477 5 21C5 21.5523 5.44772 22 6 22H13Z",
1026
1038
  "M19 12C19 15.3137 16.3137 18 13 18C9.68629 18 7 15.3137 7 12C7 8.68629 9.68629 6 13 6C16.3137 6 19 8.68629 19 12ZM16.2773 14.294C16.7327 13.6445 17 12.8535 17 12C17 11.8545 16.9922 11.7109 16.9771 11.5694L14.4088 12.4255L16.2773 14.294ZM14.7518 15.597L12.8809 13.7261L11.091 15.516C11.6584 15.8246 12.3087 16 13 16C13.6283 16 14.2228 15.8551 14.7518 15.597ZM9.62721 14.1513L11.3531 12.4255L9.01543 11.6463C9.00521 11.7628 9 11.8808 9 12C9 12.7919 9.23015 13.5301 9.62721 14.1513ZM9.68474 9.7612L11.8809 10.4933V8.15864C10.9747 8.42219 10.2013 8.99771 9.68474 9.7612ZM13.8809 8.09732V10.4933L16.2707 9.69668C15.7087 8.90018 14.8632 8.31809 13.8809 8.09732Z",
@@ -2662,6 +2674,7 @@ const secondaryIconMap = {
2662
2674
  longArrowDown: "backArrow",
2663
2675
  longArrowRight: "backArrow",
2664
2676
  longArrowLeft: "backArrow",
2677
+ longArrowUpRight: "backArrow",
2665
2678
  remove: "cross",
2666
2679
  thumbsDown: "thumbsUp",
2667
2680
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.93.1",
3
+ "version": "0.95.0",
4
4
  "description": "Design foundation for the Jobber Atlantis Design System",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -56,7 +56,7 @@
56
56
  "generate:tokenCSS": "tsx src/scripts/buildTokens.ts",
57
57
  "generate:assets": "npm run generate:iconMap && npm run generate:tokenCSS",
58
58
  "build": "mkdir -p dist && npm run generate:assets && npm run build:design",
59
- "watch": "mkdir -p dist & chokidar \"**/*.ts\" \"**/*.json\" \"**/*.svg\"-c \"npm run generate:assets && npm run build:design\"",
59
+ "watch": "mkdir -p dist && chokidar \"src/**/*.ts\" \"src/**/*.json\" \"src/**/*.svg\" --ignore \"src/assets/**\" -c \"npm run generate:assets && npm run build:design\"",
60
60
  "clean": "rm -rf dist colors.js foundation.css src/assets colors.cjs colors.mjs",
61
61
  "bootstrap": "npm run clean && npm run build"
62
62
  },
@@ -66,8 +66,9 @@
66
66
  "@rollup/plugin-node-resolve": "^15.2.3",
67
67
  "@rollup/plugin-typescript": "^11.1.6",
68
68
  "@types/jsdom": "^21.1.7",
69
+ "chokidar-cli": "^3.0.0",
69
70
  "jsdom": "^24.1.0",
70
71
  "tsx": "^4.16.2"
71
72
  },
72
- "gitHead": "9fe76882fd12f40e574286eade63d230965be607"
73
+ "gitHead": "4214777d44b28c2e1486c8fba8de3f839199213f"
73
74
  }