@atlaskit/tokens 1.1.0 → 1.2.1

package/dist/cjs/palettes/shape-palette.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * Types are inferred from the base tokens below
+ */
+
+var baseSizeTokens = {
+  Size050: {
+    value: '0.0625rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Size100: {
+    value: '0.125rem',
+    attributes: {
+      group: 'shape'
+    }
+  }
+};
+var baseRadiusTokens = {
+  Radius050: {
+    value: '0.125rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius100: {
+    value: '0.25rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius200: {
+    value: '0.5rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius300: {
+    value: '0.75rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  Radius400: {
+    value: '1rem',
+    attributes: {
+      group: 'shape'
+    }
+  },
+  RadiusCircle: {
+    value: '50%',
+    attributes: {
+      group: 'shape'
+    }
+  }
+};
+var shapePalette = {
+  border: {
+    radius: baseRadiusTokens,
+    width: baseSizeTokens
+  }
+};
+var _default = shapePalette;
+exports.default = _default;

package/dist/cjs/palettes/spacing-scale.js

@@ -12,94 +12,91 @@ var baseSpacingTokens = {
   Space0: {
     value: '0',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space025: {
     value: '0.125rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space050: {
     value: '0.25rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space075: {
     value: '0.375rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space100: {
     value: '0.5rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space150: {
     value: '0.75rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space200: {
     value: '1rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space250: {
     value: '1.25rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space300: {
     value: '1.5rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space400: {
     value: '2rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space500: {
     value: '2.5rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space600: {
     value: '3rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     }
   },
   Space800: {
     value: '4rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     },
     pixelValue: '64px'
   },
   Space1000: {
     value: '5rem',
     attributes: {
-      group: 'scale'
+      group: 'spacing'
     },
     pixelValue: '80px'
   }
 };
 var spacingPalette = {
-  spacing: {
-    scale: baseSpacingTokens
-  },
   space: baseSpacingTokens
 };
 var _default = spacingPalette;

package/dist/cjs/palettes/typography-palette.js

@@ -13,37 +13,37 @@ var lineHeightScale = {
     LineHeight100: {
       value: '16px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     LineHeight200: {
       value: '20px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     LineHeight300: {
       value: '24px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     LineHeight400: {
       value: '28px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     LineHeight500: {
       value: '32px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     LineHeight600: {
       value: '40px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     }
   }
@@ -53,25 +53,25 @@ var fontWeightScale = {
     FontWeightRegular: {
       value: '400',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontWeightMedium: {
       value: '500',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontWeightSemiBold: {
       value: '600',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontWeightBold: {
       value: '700',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     }
   }
@@ -81,13 +81,13 @@ var fontFamilyPalette = {
     FontFamilySans: {
       value: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontFamilyMonospace: {
       value: "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     }
   }
@@ -97,49 +97,49 @@ var fontSizeScale = {
     FontSize050: {
       value: '11px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize075: {
       value: '12px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize100: {
       value: '14px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize200: {
       value: '16px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize300: {
       value: '20px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize400: {
       value: '24px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize500: {
       value: '29px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     },
     FontSize600: {
       value: '35px',
       attributes: {
-        group: 'scale'
+        group: 'typography'
       }
     }
   }

package/dist/cjs/theme-config.js

@@ -34,7 +34,7 @@ exports.themeColorModes = themeColorModes;
  *
  * These ids must be kebab case
  */
-var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography'];
+var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape'];
 exports.themeIds = themeIds;
 var themeConfig = {
   'atlassian-light': {
@@ -88,6 +88,14 @@ var themeConfig = {
     attributes: {
       type: 'typography'
     }
+  },
+  'atlassian-shape': {
+    id: 'shape',
+    displayName: 'Atlassian Shape',
+    palette: 'shapePalette',
+    attributes: {
+      type: 'shape'
+    }
   }
 };
 var _default = themeConfig;

package/dist/cjs/tokens/atlassian-shape/shape.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * This is combined with the attribute schema.
+ * @link 'file:../default/shape/shape.tsx'
+ */
+var shape = {
+  border: {
+    width: {
+      '050': {
+        value: 'Size050'
+      },
+      '100': {
+        value: 'Size100'
+      }
+    },
+    radius: {
+      '050': {
+        value: 'Radius050'
+      },
+      '100': {
+        value: 'Radius100'
+      },
+      '200': {
+        value: 'Radius200'
+      },
+      '300': {
+        value: 'Radius300'
+      },
+      '400': {
+        value: 'Radius400'
+      },
+      round: {
+        value: 'RadiusCircle'
+      }
+    }
+  }
+};
+var _default = shape;
+exports.default = _default;

package/dist/cjs/tokens/default/shape/shape.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var shape = {
+  border: {
+    width: {
+      '050': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
+      '100': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      }
+    },
+    radius: {
+      '050': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
+      '100': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
+      '200': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
+      '300': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
+      '400': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
+      round: {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.1.0',
+          description: 'Experimental, description needs to be amended'
+        }
+      }
+    }
+  }
+};
+var _default = shape;
+exports.default = _default;

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.1.0",
+	"version": "1.2.1",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/artifacts/palettes-raw/shape-palette.js

@@ -0,0 +1,127 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f260aa650535ab5be564f74e1ff1a157>>
+ * @codegenCommand yarn build tokens
+ */
+const tokens = [{
+  "value": "0.125rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.125rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius050",
+  "path": ["border", "radius", "Radius050"]
+}, {
+  "value": "0.25rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.25rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius100",
+  "path": ["border", "radius", "Radius100"]
+}, {
+  "value": "0.5rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.5rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius200",
+  "path": ["border", "radius", "Radius200"]
+}, {
+  "value": "0.75rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.75rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius300",
+  "path": ["border", "radius", "Radius300"]
+}, {
+  "value": "1rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "1rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.Radius400",
+  "path": ["border", "radius", "Radius400"]
+}, {
+  "value": "50%",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "50%",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.radius.RadiusCircle",
+  "path": ["border", "radius", "RadiusCircle"]
+}, {
+  "value": "0.0625rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.0625rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size050",
+  "path": ["border", "width", "Size050"]
+}, {
+  "value": "0.125rem",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0.125rem",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size100",
+  "path": ["border", "width", "Size100"]
+}];
+export default tokens;