@soul-refiner/design-system 0.1.37 → 0.1.39

package/dist/icons/people/group.js

@@ -2,5 +2,5 @@ import React from 'react';
 import { Icon } from '../../components';
 export const Group = (props) => {
     return (React.createElement(Icon, { ...props },
-        React.createElement("path", { d: "M8 8C7.175 8 6.46875 7.70625 5.88125 7.11875C5.29375 6.53125 5 5.825 5 5C5 4.175 5.29375 3.46875 5.88125 2.88125C6.46875 2.29375 7.175 2 8 2C8.825 2 9.53125 2.29375 10.1187 2.88125C10.7063 3.46875 11 4.175 11 5C11 5.825 10.7063 6.53125 10.1187 7.11875C9.53125 7.70625 8.825 8 8 8ZM2 14V11.9C2 11.475 2.1095 11.0843 2.3285 10.7277C2.547 10.3717 2.8375 10.1 3.2 9.9125C3.975 9.525 4.7625 9.23425 5.5625 9.04025C6.3625 8.84675 7.175 8.75 8 8.75C8.825 8.75 9.6375 8.84675 10.4375 9.04025C11.2375 9.23425 12.025 9.525 12.8 9.9125C13.1625 10.1 13.453 10.3717 13.6715 10.7277C13.8905 11.0843 14 11.475 14 11.9V14H2ZM3.5 12.5H12.5V11.9C12.5 11.7625 12.4658 11.6375 12.3973 11.525C12.3283 11.4125 12.2375 11.325 12.125 11.2625C11.45 10.925 10.7688 10.6718 10.0812 10.5028C9.39375 10.3342 8.7 10.25 8 10.25C7.3 10.25 6.60625 10.3342 5.91875 10.5028C5.23125 10.6718 4.55 10.925 3.875 11.2625C3.7625 11.325 3.672 11.4125 3.6035 11.525C3.5345 11.6375 3.5 11.7625 3.5 11.9V12.5ZM8 6.5C8.4125 6.5 8.76575 6.353 9.05975 6.059C9.35325 5.7655 9.5 5.4125 9.5 5C9.5 4.5875 9.35325 4.2345 9.05975 3.941C8.76575 3.647 8.4125 3.5 8 3.5C7.5875 3.5 7.2345 3.647 6.941 3.941C6.647 4.2345 6.5 4.5875 6.5 5C6.5 5.4125 6.647 5.7655 6.941 6.059C7.2345 6.353 7.5875 6.5 8 6.5Z" })));
+        React.createElement("path", { d: "M0.666016 13.3333V11.4666C0.666016 11.0888 0.763349 10.7415 0.958016 10.4246C1.15224 10.1082 1.41046 9.86663 1.73268 9.69996C2.42157 9.35551 3.12157 9.09707 3.83268 8.92463C4.54379 8.75263 5.26602 8.66663 5.99935 8.66663C6.73268 8.66663 7.4549 8.75263 8.16602 8.92463C8.87713 9.09707 9.57713 9.35551 10.266 9.69996C10.5882 9.86663 10.8465 10.1082 11.0407 10.4246C11.2353 10.7415 11.3327 11.0888 11.3327 11.4666V13.3333H0.666016ZM12.666 13.3333V11.3333C12.666 10.8444 12.53 10.3748 12.258 9.92463C11.9856 9.47485 11.5993 9.08885 11.0993 8.76663C11.666 8.83329 12.1993 8.94707 12.6993 9.10796C13.1993 9.26929 13.666 9.46663 14.0993 9.69996C14.4993 9.92218 14.8049 10.1693 15.016 10.4413C15.2271 10.7137 15.3327 11.0111 15.3327 11.3333V13.3333H12.666ZM5.99935 7.99996C5.26602 7.99996 4.63824 7.73885 4.11602 7.21663C3.59379 6.6944 3.33268 6.06663 3.33268 5.33329C3.33268 4.59996 3.59379 3.97218 4.11602 3.44996C4.63824 2.92774 5.26602 2.66663 5.99935 2.66663C6.73268 2.66663 7.36046 2.92774 7.88268 3.44996C8.4049 3.97218 8.66602 4.59996 8.66602 5.33329C8.66602 6.06663 8.4049 6.6944 7.88268 7.21663C7.36046 7.73885 6.73268 7.99996 5.99935 7.99996ZM12.666 5.33329C12.666 6.06663 12.4049 6.6944 11.8827 7.21663C11.3605 7.73885 10.7327 7.99996 9.99935 7.99996C9.87713 7.99996 9.72157 7.98618 9.53268 7.95863C9.34379 7.93063 9.18824 7.89996 9.06602 7.86663C9.36602 7.51107 9.59646 7.11663 9.75735 6.68329C9.91868 6.24996 9.99935 5.79996 9.99935 5.33329C9.99935 4.86663 9.91868 4.41663 9.75735 3.98329C9.59646 3.54996 9.36602 3.15551 9.06602 2.79996C9.22157 2.7444 9.37713 2.70818 9.53268 2.69129C9.68824 2.67485 9.84379 2.66663 9.99935 2.66663C10.7327 2.66663 11.3605 2.92774 11.8827 3.44996C12.4049 3.97218 12.666 4.59996 12.666 5.33329ZM1.99935 12H9.99935V11.4666C9.99935 11.3444 9.9689 11.2333 9.90802 11.1333C9.84668 11.0333 9.76602 10.9555 9.66602 10.9C9.06602 10.6 8.46046 10.3748 7.84935 10.2246C7.23824 10.0748 6.62157 9.99996 5.99935 9.99996C5.37713 9.99996 4.76046 10.0748 4.14935 10.2246C3.53824 10.3748 2.93268 10.6 2.33268 10.9C2.23268 10.9555 2.15224 11.0333 2.09135 11.1333C2.03002 11.2333 1.99935 11.3444 1.99935 11.4666V12ZM5.99935 6.66663C6.36602 6.66663 6.68002 6.53596 6.94135 6.27463C7.20224 6.01374 7.33268 5.69996 7.33268 5.33329C7.33268 4.96663 7.20224 4.65285 6.94135 4.39196C6.68002 4.13063 6.36602 3.99996 5.99935 3.99996C5.63268 3.99996 5.3189 4.13063 5.05802 4.39196C4.79668 4.65285 4.66602 4.96663 4.66602 5.33329C4.66602 5.69996 4.79668 6.01374 5.05802 6.27463C5.3189 6.53596 5.63268 6.66663 5.99935 6.66663Z" })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {
@@ -12,7 +12,17 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "exports": "./dist/index.js",
+  "files": [
+    "dist/**/*"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.0.10",
     "@storybook/addon-interactions": "^7.0.10",

package/public/logo.svg

@@ -1,12 +0,0 @@
-<svg viewBox="3.65 -34.6 154.64 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path 
-    d="M22.25-24.6L22.25-24.6Q22.25-26.7 20.63-27.48 19-28.25 15.2-28.25L15.2-28.25 15.2-20.6Q17.55-20.6 19.03-20.95 20.5-21.3 21.38-22.18 22.25-23.05 22.25-24.6ZM22.9-11.25L22.9-11.25Q22.9-12.9 22.05-13.8 21.2-14.7 19.6-15.08 18-15.45 15.2-15.45L15.2-15.45 15.2-6.8Q19.1-6.8 21-7.78 22.9-8.75 22.9-11.25ZM29.05-17.8L29.05-17.8Q33.7-15.05 33.7-10.45L33.7-10.45Q33.7-8.45 32.93-6.63 32.15-4.8 30.63-3.3 29.1-1.8 26.6-0.93 24.1-0.05 20.95-0.05L20.95-0.05 9.35-0.05Q6.3-0.05 4.98-1.6 3.65-3.15 3.65-7.15L3.65-7.15 3.65-28.3Q3.65-30 4.25-31.3 4.85-32.6 6.18-33.4 7.5-34.2 9.35-34.2L9.35-34.2 20.8-34.2Q25.8-34.15 29.13-31.48 32.45-28.8 32.45-24.6L32.45-24.6Q32.45-23.25 32.23-22.23 32-21.2 31.55-20.4 31.1-19.6 30.5-19 29.9-18.4 29.05-17.8ZM38.8-30.8L38.8-30.8Q38.8-32.45 40.22-33.52 41.65-34.6 44.25-34.6L44.25-34.6Q49.7-34.6 49.7-30.8L49.7-30.8Q49.7-28.7 48.32-27.85 46.95-27 44.25-27L44.25-27Q41.9-27 40.35-27.9 38.8-28.8 38.8-30.8ZM49.65-18.35L49.65-5.35Q49.65-2.35 48.4-1.18 47.15 0 44 0L44 0Q41.05 0 39.97-1.38 38.9-2.75 38.9-5.9L38.9-5.9 38.9-18.2Q38.9-20.75 40.27-22.3 41.65-23.85 43.95-23.85L43.95-23.85Q46.65-23.85 48.15-22.68 49.65-21.5 49.65-18.35L49.65-18.35ZM65.25-28.65L65.25-21.8Q68.55-24.25 72.4-24.25L72.4-24.25Q76.3-24.25 78.9-20.95 81.5-17.65 81.5-12.6L81.5-12.6Q81.5-6.5 77.55-3.08 73.59 0.35 67.3 0.35L67.3 0.35Q63.45 0.35 60.57-0.75 57.7-1.85 56.07-4.05 54.45-6.25 54.4-9.35L54.4-9.35 54.3-28.2Q54.3-31.3 55.8-32.75 57.3-34.2 59.8-34.2L59.8-34.2Q62.6-34.2 63.92-32.88 65.25-31.55 65.25-28.65L65.25-28.65ZM65.3-7.65L65.3-7.65Q66.2-5.95 67.8-5.95L67.8-5.95Q69.15-5.95 69.9-7.65 70.65-9.35 70.65-11.55L70.65-11.55Q70.65-12.75 70.45-13.9 70.25-15.05 69.9-15.98 69.55-16.9 69-17.48 68.45-18.05 67.75-18.05L67.75-18.05Q66.2-18.05 65.3-16.2L65.3-16.2Q65.3-15.55 65.3-12.48 65.3-9.4 65.3-7.65ZM96.69-28.65L96.69-21.8Q99.99-24.25 103.84-24.25L103.84-24.25Q107.74-24.25 110.34-20.95 112.94-17.65 112.94-12.6L112.94-12.6Q112.94-6.5 108.99-3.08 105.04 0.35 98.74 0.35L98.74 0.35Q94.89 0.35 92.02-0.75 89.14-1.85 87.52-4.05 85.89-6.25 85.84-9.35L85.84-9.35 85.74-28.2Q85.74-31.3 87.24-32.75 88.74-34.2 91.24-34.2L91.24-34.2Q94.04-34.2 95.37-32.88 96.69-31.55 96.69-28.65L96.69-28.65ZM96.74-7.65L96.74-7.65Q97.64-5.95 99.24-5.95L99.24-5.95Q100.59-5.95 101.34-7.65 102.09-9.35 102.09-11.55L102.09-11.55Q102.09-12.75 101.89-13.9 101.69-15.05 101.34-15.98 100.99-16.9 100.44-17.48 99.89-18.05 99.19-18.05L99.19-18.05Q97.64-18.05 96.74-16.2L96.74-16.2Q96.74-15.55 96.74-12.48 96.74-9.4 96.74-7.65ZM128.09-28.7L128.09-7.55Q128.09-3.5 126.74-1.75 125.39 0 122.59 0L122.59 0Q119.79 0 118.49-1.58 117.19-3.15 117.19-7.15L117.19-7.15 117.09-28.25Q117.09-29.55 117.37-30.55 117.64-31.55 118.12-32.25 118.59-32.95 119.29-33.4 119.99-33.85 120.82-34.05 121.64-34.25 122.59-34.25L122.59-34.25Q125.34-34.25 126.72-33.15 128.09-32.05 128.09-28.7L128.09-28.7ZM146.44 0.3L146.44 0.3Q140.34 0.3 136.36-2.85 132.39-6 132.39-11.45L132.39-11.45Q132.39-17.35 136.31-20.78 140.24-24.2 146.44-24.2L146.44-24.2Q152.29-24.2 155.01-22.13 157.74-20.05 157.74-16.45L157.74-16.45Q157.74-15.75 157.56-15.1 157.39-14.45 157.01-13.83 156.64-13.2 156.01-12.68 155.39-12.15 154.59-11.73 153.79-11.3 152.69-11.08 151.59-10.85 150.34-10.85L150.34-10.85 143.29-10.8Q143.79-9.2 145.09-8.28 146.39-7.35 148.39-7.35L148.39-7.35Q150.54-7.35 152.79-7.9L152.79-7.9Q153.74-8.15 154.86-8.7 155.99-9.25 156.49-9.25L156.49-9.25Q157.34-9.25 157.81-8.75 158.29-8.25 158.29-7.5L158.29-7.5Q158.29-6.6 157.49-5.33 156.69-4.05 155.26-2.78 153.84-1.5 151.49-0.6 149.14 0.3 146.44 0.3ZM143.04-14L143.04-14Q146.49-14.05 146.79-14.05L146.79-14.05Q147.54-14.05 147.89-14.95L147.89-14.95Q148.14-15.6 148.14-16.75L148.14-16.75Q148.14-19.9 146.24-19.9L146.24-19.9Q145.54-19.9 144.86-19.15 144.19-18.4 143.69-17.03 143.19-15.65 143.04-14Z" 
-    opacity="1" 
-    transform="matrix(1,0,0,1,0,0)" 
-    fill="#1b7bcb" 
-    class="undefined-text-0" 
-    data-fill-palette-color="primary" 
-    id="text-0"
-  >
-  </path>
-</svg>

package/src/common/colors.ts

@@ -1,138 +0,0 @@
-export const COLORS = [
-  'inherit',
-  'page-bg',
-  'white',
-  'primary-blue-0',
-  'primary-blue-1',
-  'primary-blue-2',
-  'primary-blue-3',
-  'primary-blue-4',
-  'grey-0',
-  'grey-1',
-  'grey-2',
-  'grey-3',
-  'grey-4',
-  'grey-5',
-  'grey-6',
-  'grey-7',
-  'grey-8',
-  'grey-9',
-  'grey-10',
-  'red-0',
-  'red-1',
-  'red-2',
-  'red-3',
-  'red-4',
-  'red-5',
-  'red-6',
-  'red-7',
-  'red-8',
-  'red-9',
-  'red-10',
-  'green-0',
-  'green-1',
-  'green-2',
-  'green-3',
-  'green-4',
-  'green-5',
-  'green-6',
-  'green-7',
-  'green-8',
-  'green-9',
-  'green-10',
-  'blue-0',
-  'blue-1',
-  'blue-2',
-  'blue-3',
-  'blue-4',
-  'blue-5',
-  'blue-6',
-  'blue-7',
-  'blue-8',
-  'blue-9',
-  'blue-10',
-  'turquoise-0',
-  'turquoise-1',
-  'turquoise-2',
-  'turquoise-3',
-  'turquoise-4',
-  'turquoise-5',
-  'turquoise-6',
-  'turquoise-7',
-  'turquoise-8',
-  'turquoise-9',
-  'turquoise-10',
-  'purple-0',
-  'purple-1',
-  'purple-2',
-  'purple-3',
-  'purple-4',
-  'purple-5',
-  'purple-6',
-  'purple-7',
-  'purple-8',
-  'purple-9',
-  'purple-10',
-  'yellow-0',
-  'yellow-1',
-  'yellow-2',
-  'yellow-3',
-  'yellow-4',
-  'yellow-5',
-  'yellow-6',
-  'yellow-7',
-  'yellow-8',
-  'yellow-9',
-  'yellow-10',
-  'orange-0',
-  'orange-1',
-  'orange-2',
-  'orange-3',
-  'orange-4',
-  'orange-5',
-  'orange-6',
-  'orange-7',
-  'orange-8',
-  'orange-9',
-  'orange-10',
-  'hue-pink-1',
-  'hue-pink-2',
-  'hue-pink-3',
-  'hue-purple-1',
-  'hue-purple-2',
-  'hue-purple-3',
-  'hue-ocean-1',
-  'hue-ocean-2',
-  'hue-ocean-3',
-  'hue-mint-1',
-  'hue-mint-2',
-  'hue-mint-3',
-  'hue-blue-1',
-  'hue-blue-2',
-  'hue-blue-3',
-  'hue-orange-1',
-  'hue-orange-2',
-  'hue-orange-3',
-  'special-yellow-1',
-  'special-yellow-2',
-  'special-orange-1',
-  'special-orange-2',
-  'special-red-1',
-  'special-red-2',
-  'special-pink-1',
-  'special-pink-2',
-  'special-purple-1',
-  'special-purple-2',
-  'special-blue-1',
-  'special-blue-2',
-  'special-turquoise-1',
-  'special-turquoise-2',
-  'special-green-1',
-  'special-green-2',
-  'special-grape-1',
-  'special-grape-2',
-] as const;
-
-export const colorReference = Object.fromEntries(
-  COLORS.map((item) => [item, `var(--color-${item})`])
-) as Record<(typeof COLORS)[number], string>;

package/src/common/date.ts

@@ -1,30 +0,0 @@
-export const THIS_YEAR = +new Date().getFullYear();
-
-export const THIS_MONTH = +new Date().getMonth() + 1;
-
-export enum WEEKDAYS {
-  MON = 'Mon',
-  TUE = 'Tue',
-  WED = 'Wed',
-  THU = 'Thu',
-  FRI = 'Fri',
-  SAT = 'Sat',
-  SUN = 'Sun',
-}
-
-export enum MONTHS {
-  JAN = 'Jan',
-  FEB = 'Feb',
-  MAR = 'Mar',
-  APR = 'Apr',
-  MAY = 'May',
-  JUN = 'Jun',
-  JUL = 'Jul',
-  AUG = 'Aug',
-  SEP = 'Sep',
-  OCT = 'Oct',
-  NOV = 'Nov',
-  DEC = 'Dec',
-}
-
-export const CALENDAR_WEEKS = 6;

package/src/common/index.ts

@@ -1,9 +0,0 @@
-export { colorReference, COLORS } from './colors';
-export {
-  CALENDAR_WEEKS,
-  MONTHS,
-  THIS_MONTH,
-  THIS_YEAR,
-  WEEKDAYS,
-} from './date';
-export { Styles } from './styles';

package/src/common/styles.ts

@@ -1,95 +0,0 @@
-import { css } from 'styled-components';
-import {
-  BackgroundColor,
-  BorderRadius,
-  Color,
-  Elevation,
-  Flex,
-  Margin,
-  Padding,
-  Styleable,
-  TextClamp,
-  TypographyStyle,
-  TypographyWeight,
-} from '../types';
-import { colorReference } from './colors';
-
-export namespace Styles {
-  export const backgroundColor = css<BackgroundColor>`
-    background-color: ${({ $backgroundColor }) =>
-      $backgroundColor ? colorReference[$backgroundColor] : 'var(--page-bg)'};
-  `;
-
-  export const borderRadius = css<BorderRadius>`
-    border-radius: ${({ $borderRadius }) =>
-      $borderRadius ? `var(--${$borderRadius})` : ''};
-  `;
-
-  export const color = css<Color>`
-    color: ${({ $color }) =>
-      $color ? colorReference[$color] : 'var(--color-grey-3)'};
-  `;
-
-  export const elevation = css<Elevation>`
-    box-shadow: ${({ $elevation }) =>
-      $elevation ? `var(--elevation-${$elevation})` : 'none'};
-  `;
-
-  export const flex = css<Flex>`
-    align-items: ${({ $align }) => $align ?? 'normal'};
-    gap: ${({ $gap }) =>
-      $gap && typeof $gap === 'number'
-        ? `${$gap}px`
-        : $gap && typeof $gap === 'string'
-        ? `var(--${$gap})`
-        : '0px'};
-    flex: ${({ $flex }) => $flex ?? 'none'};
-    flex-flow: ${({ $flow }) => $flow ?? 'row'};
-    flex-direction: ${({ $dir }) => $dir ?? 'row'};
-    justify-content: ${({ $justify }) => $justify ?? 'normal'};
-  `;
-
-  export const margin = css<Margin>`
-    margin: ${({ $margin }) =>
-      $margin && typeof $margin === 'number'
-        ? `${$margin}px`
-        : $margin && typeof $margin === 'string'
-        ? `var(--${$margin})`
-        : '0px'};
-  `;
-
-  export const padding = css<Padding>`
-    padding: ${({ $padding }) =>
-      $padding && typeof $padding === 'number'
-        ? `${$padding}px;`
-        : $padding && typeof $padding === 'string' && $padding.includes('px')
-        ? $padding
-        : $padding && typeof $padding === 'string'
-        ? `var(--${$padding});`
-        : '0px'};
-  `;
-
-  export const styleable = css<Styleable>`
-    ${({ sx }) => (sx ? sx : '')}
-  `;
-
-  export const textClamp = css<TextClamp>`
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    line-clamp: ${({ $textClampLines }) => $textClampLines ?? 1};
-    -webkit-line-clamp: ${({ $textClampLines }) => $textClampLines ?? 1};
-    -webkit-box-orient: vertical;
-  `;
-
-  export const typography = css<TypographyStyle>`
-    font-style: ${({ $italic }) => ($italic ? 'italic' : 'normal')};
-    text-decoration: ${({ $strikethrough, $underline }) =>
-      $strikethrough ? 'line-through' : $underline ? 'underline' : 'none'};
-  `;
-
-  export const weight = css<TypographyWeight>`
-    font-weight: ${({ $bold, $semiBold, $mediumBold }) =>
-      $bold ? 700 : $semiBold ? 600 : $mediumBold ? 500 : 400};
-  `;
-}