@jobber/design 0.28.6 → 0.29.1

package/CHANGELOG.md

@@ -8,6 +8,25 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.29.1](https://github.com/GetJobber/atlantis/compare/@jobber/design@0.29.0...@jobber/design@0.29.1) (2023-02-24)
+
+**Note:** Version bump only for package @jobber/design
+
+
+
+
+
+# [0.29.0](https://github.com/GetJobber/atlantis/compare/@jobber/design@0.28.6...@jobber/design@0.29.0) (2023-02-23)
+
+
+### Features
+
+* **components:** Add new "range slider" icons ([#1062](https://github.com/GetJobber/atlantis/issues/1062)) ([3c7e05d](https://github.com/GetJobber/atlantis/commit/3c7e05da1b9e5c113a3cc832ce10970de153d8b6))
+
+
+
+
+
 ## [0.28.6](https://github.com/GetJobber/atlantis/compare/@jobber/design@0.28.5...@jobber/design@0.28.6) (2023-02-23)
 
 **Note:** Version bump only for package @jobber/design

package/README.stories.mdx

@@ -1,83 +1,9 @@
-import { Meta } from "@storybook/addon-docs";
+import { Description, Meta } from "@storybook/addon-docs";
+import Readme from "./README.mdx";
 
-<Meta title="Packages/Design" />
+<Meta
+  title="Packages/Design"
+  parameters={{ previewTabs: { canvas: { hidden: true } } }}
+/>
 
-# Foundation
-
-Foundational colors and rhythm for the Jobber Atlantis Design System
-
-## Installation
-
-```sh
-npm install @jobber/design
-```
-
-## Usage
-
-`@jobber/design` ships `foundation.css`. It also provides utilities for getting
-icons svg path.
-
-### CSS
-
-#### Foundation
-
-Import the `@jobber/design` stylesheet into your own css
-
-```css
-@import "~@jobber/design/foundation.css";
-
-.myLabel {
-  color: var(--color-blue);
-  padding: var(--space-base);
-}
-```
-
-For web, if `design/foundation.css` is already included you do not need to
-import it for every css file. For React Native, you need to import
-`design/foundation.css` in every css files that needs it.
-
-#### icons
-
-Import the `getIcon` utility into your JavaScript/Typescript file
-
-```tsx
-import { getIcon } from "@jobber/design";
-
-const { svgClassNames, paths, viewBox } = getIcon({
-  name: "dashboard",
-  color: "green",
-  size: "large",
-});
-```
-
-You can also get the type definitions for `IconNames`, `IconColorNames`, and
-`IconSizes` from `@jobber/design`
-
-```tsx
-import type { IconNames, IconColorNames, IconSizes } from "@jobber/design";
-```
-
-If you need the actual css files for icons, you can import them from
-`@jobber/design/icons`. You may not need these files for the web but they might
-be required for React Native
-
-```css
-@import "@jobber/design/foundation.css";
-@import "@jobber/design/icons/Icon";
-@import "@jobber/design/icons/Sizes";
-@import "@jobber/design/icons/Colors";
-```
-
-### PostCSS
-
-Inject `@jobber/foundation` into your css with `postcss`
-
-```js
-module.exports = {
-  plugins: [
-    require("postcss-preset-env")({
-      importFrom: ["@jobber/design"],
-    }),
-  ],
-};
-```
+<Readme />

package/dist/icons/iconMap.d.ts

@@ -1,6 +1,8 @@
 export declare const iconMap: {
     height: number;
     icons: {
+        sliderStart: string[];
+        sliderCenter: string[];
         sparkles: string[];
         syncAlert: string[];
         apps: string[];

package/dist/index.js

@@ -77,6 +77,16 @@ styleInject(css_248z$2);
 var iconMap = {
     "height": 1024,
     "icons": {
+        "sliderStart": [
+            "M627.503 97.83c-16.661-16.662-43.678-16.662-60.339 0s-16.661 43.677 0 60.34l12.497 12.497h-110.327c-23.565 0-42.667 19.103-42.667 42.667s19.102 42.667 42.667 42.667h110.327l-12.497 12.497c-16.661 16.663-16.661 43.677 0 60.34s43.678 16.662 60.339 0l85.333-85.333c0 0 12.497-8.837 12.497-30.17 0-17.067-8.333-27.224-12.497-30.17l-85.333-85.333z",
+            "M170.667 426.667c-47.128 0-85.333 38.204-85.333 85.333v213.333c0 47.13 38.205 85.333 85.333 85.333h682.667c47.13 0 85.333-38.204 85.333-85.333v-213.333c0-47.13-38.204-85.333-85.333-85.333h-682.667zM170.667 512h682.667v213.333h-682.667v-213.333z",
+            "M298.667 298.667c23.564 0 42.667 19.103 42.667 42.667v554.667c0 23.565-19.103 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-554.667c0-23.564 19.103-42.667 42.667-42.667z"
+        ],
+        "sliderCenter": [
+            "M926.17 243.503c7.812-7.811 11.959-17.896 12.45-28.123l0.047-2.441-0.004-0.059c-0.055-5.62-1.203-10.98-3.234-15.879-2.082-5.033-5.167-9.747-9.259-13.838l-85.333-85.333c-16.661-16.662-43.678-16.662-60.339 0s-16.661 43.677 0 60.34l12.497 12.497h-110.327c-23.565 0-42.667 19.103-42.667 42.667s19.102 42.667 42.667 42.667h110.327l-12.497 12.497c-16.661 16.663-16.661 43.677 0 60.34s43.678 16.662 60.339 0l85.333-85.333z",
+            "M469.333 426.667v-85.333c0-23.564 19.102-42.667 42.667-42.667s42.667 19.103 42.667 42.667v85.333h298.667c47.13 0 85.333 38.204 85.333 85.333v213.333c0 47.13-38.204 85.333-85.333 85.333h-298.667v85.333c0 23.565-19.102 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-85.333h-298.667c-47.128 0-85.333-38.204-85.333-85.333v-213.333c0-47.13 38.205-85.333 85.333-85.333h298.667zM469.333 512h-298.667v213.333h298.667v-213.333zM554.667 512v213.333h298.667v-213.333h-298.667z",
+            "M341.333 256h-110.327l12.497 12.497c16.662 16.663 16.662 43.677 0 60.34s-43.677 16.662-60.34 0l-85.333-85.333c-4.090-4.091-7.177-8.806-9.259-13.838-2.086-5.030-3.238-10.547-3.238-16.332s1.152-11.302 3.238-16.332c2.067-4.995 5.123-9.678 9.169-13.747l0.090-0.091 85.333-85.333c16.663-16.662 43.677-16.662 60.34 0s16.662 43.677 0 60.34l-12.497 12.497h110.327c23.564 0 42.667 19.103 42.667 42.667s-19.102 42.667-42.667 42.667z"
+        ],
         "sparkles": [
             "M256 85.333c23.565 0 42.667 19.103 42.667 42.667v42.667l42.667 42.667h42.667c23.565 0 42.667 19.103 42.667 42.667s-19.101 42.667-42.667 42.667h-42.667l-42.667 42.667v42.667c0 23.564-19.101 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-42.667l-42.667-42.667h-42.667c-23.565 0-42.667-19.103-42.667-42.667s19.101-42.667 42.667-42.667h42.667l42.667-42.667v-42.667c0-23.564 19.101-42.667 42.667-42.667z",
             "M298.667 597.333c23.565 0 42.667 19.102 42.667 42.667v42.667l42.667 42.667h42.667c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667h-42.667l-42.667 42.667v42.667c0 23.565-19.101 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-42.667l-42.667-42.667h-42.667c-23.565 0-42.667-19.102-42.667-42.667s19.101-42.667 42.667-42.667h42.667l42.667-42.667v-42.667c0-23.565 19.101-42.667 42.667-42.667z",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/design",
-  "version": "0.28.6",
+  "version": "0.29.1",
   "description": "Design foundation for the Jobber Atlantis Design System",
   "license": "MIT",
   "main": "dist/index.js",
@@ -56,5 +56,5 @@
     "typed-css-modules": "^0.7.0",
     "typescript": "^3.8.3"
   },
-  "gitHead": "7ab54785782cf943fc117250e7bb9dc19b2c25ef"
+  "gitHead": "1721cceed6e6f141beb75cc4a5c79fa519e9bbc5"
 }