@crystallize/design-system 1.15.0 → 1.16.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystallize/design-system",
3
- "version": "1.15.0",
3
+ "version": "1.16.0",
4
4
  "types": "./dist/index.d.ts",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -58,19 +58,19 @@
58
58
  "@faker-js/faker": "7.6.0",
59
59
  "@ianvs/prettier-plugin-sort-imports": "^3.7.1",
60
60
  "@mdx-js/react": "^2.2.1",
61
- "@storybook/addon-actions": "7.0.7",
62
- "@storybook/addon-backgrounds": "7.0.7",
63
- "@storybook/addon-docs": "7.0.7",
64
- "@storybook/addon-essentials": "7.0.7",
65
- "@storybook/addon-highlight": "7.0.7",
66
- "@storybook/addon-interactions": "7.0.7",
67
- "@storybook/addon-links": "7.0.7",
68
- "@storybook/addon-measure": "7.0.7",
69
- "@storybook/addon-outline": "7.0.7",
70
- "@storybook/addons": "^6.5.15",
71
- "@storybook/react": "7.0.7",
72
- "@storybook/react-vite": "7.0.7",
73
- "@storybook/theming": "7.0.7",
61
+ "@storybook/addon-actions": "7.0.12",
62
+ "@storybook/addon-backgrounds": "7.0.12",
63
+ "@storybook/addon-docs": "7.0.0-beta.14",
64
+ "@storybook/addon-essentials": "7.0.12",
65
+ "@storybook/addon-highlight": "7.0.12",
66
+ "@storybook/addon-interactions": "7.0.12",
67
+ "@storybook/addon-links": "7.0.12",
68
+ "@storybook/addon-measure": "7.0.12",
69
+ "@storybook/addon-outline": "7.0.12",
70
+ "@storybook/manager-api": "7.0.12",
71
+ "@storybook/react": "7.0.12",
72
+ "@storybook/react-vite": "7.0.12",
73
+ "@storybook/theming": "7.0.12",
74
74
  "@testing-library/jest-dom": "5.16.4",
75
75
  "@testing-library/react": "12.0.0",
76
76
  "@testing-library/user-event": "14.4.3",
@@ -82,7 +82,7 @@
82
82
  "concurrently": "^7.6.0",
83
83
  "hex-rgb": "4.3.0",
84
84
  "postcss": "^8.4.21",
85
- "storybook": "7.0.7",
85
+ "storybook": "7.0.12",
86
86
  "storybook-addon-designs": "^6.3.1",
87
87
  "storybook-dark-mode": "^2.0.5",
88
88
  "tailwindcss": "^3.3.0",
@@ -16,8 +16,8 @@ export const Copy = forwardRef<CopyRef, CopyProps>((delegated, ref) => {
16
16
  {...delegated}
17
17
  >
18
18
  <path
19
- fill-rule="evenodd"
20
- clip-rule="evenodd"
19
+ fillRule="evenodd"
20
+ clipRule="evenodd"
21
21
  d="M5.60925 19.5266L5.88208 18.9923C6.25379 19.182 6.67497 19.2893 7.12296 19.2893H8.45636V19.8893H7.12296C6.57795 19.8893 6.06349 19.7586 5.60925 19.5266ZM10.2342 19.8893V19.2893H11.5676C12.0156 19.2893 12.4368 19.182 12.8085 18.9923L13.0813 19.5266C12.6271 19.7586 12.1126 19.8893 11.5676 19.8893H10.2342ZM14.9011 11.1111H14.3011V8.77766C14.3011 8.32967 14.1938 7.9085 14.0041 7.53678L14.5384 7.26395C14.7703 7.71819 14.9011 8.23265 14.9011 8.77766V11.1111ZM8.45636 5.44415H7.12296C6.57795 5.44415 6.06349 5.57495 5.60925 5.80686L5.88208 6.34124C6.25379 6.15146 6.67497 6.04415 7.12296 6.04415H8.45636V5.44415ZM3.78945 14.2224H4.38945V16.5558C4.38945 17.0038 4.49676 17.425 4.68654 17.7967L4.15215 18.0696C3.92024 17.6153 3.78945 17.1009 3.78945 16.5558V14.2224ZM3.78945 11.1111H4.38945V8.77766C4.38945 8.32968 4.49676 7.9085 4.68654 7.53678L4.15215 7.26395C3.92024 7.71819 3.78945 8.23265 3.78945 8.77766V11.1111ZM10.2342 5.44415V6.04415H11.5676C12.0156 6.04415 12.4368 6.15146 12.8085 6.34124L13.0813 5.80686C12.6271 5.57495 12.1126 5.44415 11.5676 5.44415H10.2342ZM14.9011 14.2224H14.3011V16.5558C14.3011 17.0038 14.1938 17.425 14.0041 17.7967L14.5384 18.0696C14.7703 17.6153 14.9011 17.1009 14.9011 16.5558V14.2224Z"
22
22
  fill="#528693"
23
23
  />
@@ -26,8 +26,8 @@ export const Copy = forwardRef<CopyRef, CopyProps>((delegated, ref) => {
26
26
  fill="#BFF6F8"
27
27
  />
28
28
  <path
29
- fill-rule="evenodd"
30
- clip-rule="evenodd"
29
+ fillRule="evenodd"
30
+ clipRule="evenodd"
31
31
  d="M16.0123 2.71066H11.5676C10.058 2.71066 8.83413 3.93449 8.83413 5.44417V13.2223C8.83413 14.732 10.058 15.9559 11.5676 15.9559H16.0123C17.522 15.9559 18.7458 14.732 18.7458 13.2223V5.44416C18.7458 3.93449 17.522 2.71066 16.0123 2.71066ZM11.5676 2.11066C9.72659 2.11066 8.23413 3.60312 8.23413 5.44417V13.2223C8.23413 15.0634 9.72659 16.5559 11.5676 16.5559H16.0123C17.8534 16.5559 19.3458 15.0634 19.3458 13.2223V5.44416C19.3458 3.60312 17.8534 2.11066 16.0123 2.11066H11.5676Z"
32
32
  fill="#528693"
33
33
  />
@@ -0,0 +1,54 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type DashboardProps = SVGProps<SVGSVGElement>;
4
+
5
+ type DashboardRef = SVGSVGElement;
6
+
7
+ export const Dashboard = forwardRef<DashboardRef, DashboardProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} viewBox="0 0 23 23" width="23" height="23" fill="none" {...delegated}>
10
+ <path
11
+ d="M2.117 2.907c0-.223.18-.403.402-.403h7.583c.223 0 .403.18.403.403V8.11c0 .223-.18.403-.403.403H2.52a.403.403 0 0 1-.402-.403V2.907Z"
12
+ fill="#BFF6F8"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M2.788 3.176V7.84h7.045V3.176H2.788Zm-.269-.672a.403.403 0 0 0-.402.403V8.11c0 .223.18.403.402.403h7.583c.223 0 .403-.18.403-.403V2.907a.403.403 0 0 0-.403-.403H2.52Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ d="M11.706 14.89c0-.223.18-.403.403-.403h7.583c.222 0 .402.18.402.403v5.203c0 .223-.18.403-.402.403h-7.583a.403.403 0 0 1-.403-.403V14.89Z"
22
+ fill="#fff"
23
+ />
24
+ <path
25
+ fillRule="evenodd"
26
+ clipRule="evenodd"
27
+ d="M12.378 15.159v4.665h7.045V15.16h-7.045Zm-.27-.672a.403.403 0 0 0-.402.403v5.203c0 .223.18.403.403.403h7.583c.222 0 .402-.18.402-.403V14.89a.403.403 0 0 0-.402-.403h-7.583Z"
28
+ fill="#528693"
29
+ />
30
+ <path
31
+ d="M11.706 2.907c0-.223.18-.403.403-.403h7.583c.222 0 .402.18.402.403v10.191c0 .222-.18.403-.402.403h-7.583a.403.403 0 0 1-.403-.403V2.907Z"
32
+ fill="#BFF6F8"
33
+ />
34
+ <path
35
+ fillRule="evenodd"
36
+ clipRule="evenodd"
37
+ d="M12.378 3.176v9.653h7.045V3.176h-7.045Zm-.27-.672a.403.403 0 0 0-.402.403v10.191c0 .222.18.403.403.403h7.583c.222 0 .402-.18.402-.403V2.907a.403.403 0 0 0-.402-.403h-7.583Z"
38
+ fill="#528693"
39
+ />
40
+ <path
41
+ d="M2.117 9.902c0-.222.18-.403.402-.403h7.583c.223 0 .403.18.403.403v10.191c0 .223-.18.403-.403.403H2.52a.403.403 0 0 1-.402-.403V9.903Z"
42
+ fill="#BFF6F8"
43
+ />
44
+ <path
45
+ fillRule="evenodd"
46
+ clipRule="evenodd"
47
+ d="M2.788 10.171v9.653h7.045v-9.653H2.788ZM2.52 9.5a.403.403 0 0 0-.402.403v10.191c0 .223.18.403.402.403h7.583c.223 0 .403-.18.403-.403V9.903a.403.403 0 0 0-.403-.404H2.52Z"
48
+ fill="#528693"
49
+ />
50
+ </svg>
51
+ );
52
+ });
53
+
54
+ Dashboard.displayName = 'DashboardIcon';
@@ -13,6 +13,7 @@ import { Copy } from './copy';
13
13
  import { CopyWithCloud } from './copy-with-cloud';
14
14
  import { Crystal } from './crystal';
15
15
  import { Customers } from './customers';
16
+ import { Dashboard } from './dashboard';
16
17
  import { Document } from './document';
17
18
  import { Edit } from './edit';
18
19
  import { Error } from './error';
@@ -35,10 +36,15 @@ import { Order } from './order';
35
36
  import { Particle } from './particle';
36
37
  import { People } from './people';
37
38
  import { Percentage } from './percentage';
39
+ import { Pin } from './pin';
38
40
  import { PlansAndPricing } from './plans-and-pricing';
41
+ import { PriceList } from './price-list';
39
42
  import { PriceTag } from './price-tag';
40
43
  import { Product } from './product';
44
+ import { RestrictedCatalogue } from './restricted-catalogue';
41
45
  import { Rocket } from './rocket';
46
+ import { Search } from './search';
47
+ import { Settings } from './settings';
42
48
  import { Shapes } from './shapes';
43
49
  import { StockLocation } from './stock-location';
44
50
  import { Subscription } from './subscription';
@@ -69,6 +75,7 @@ export const Icon = {
69
75
  CopyWithCloud,
70
76
  Crystal,
71
77
  Customers,
78
+ Dashboard,
72
79
  Document,
73
80
  Edit,
74
81
  Error,
@@ -91,10 +98,15 @@ export const Icon = {
91
98
  Particle,
92
99
  People,
93
100
  Percentage,
101
+ Pin,
94
102
  PlansAndPricing,
103
+ PriceList,
95
104
  PriceTag,
96
105
  Product,
106
+ RestrictedCatalogue,
97
107
  Rocket,
108
+ Search,
109
+ Settings,
98
110
  Shapes,
99
111
  StockLocation,
100
112
  SubscriptionContracts,
@@ -0,0 +1,24 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type PinProps = SVGProps<SVGSVGElement>;
4
+
5
+ type PinRef = SVGSVGElement;
6
+
7
+ export const Pin = forwardRef<PinRef, PinProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="26" height="26" viewBox="0 0 26 26" fill="none" {...delegated}>
10
+ <path
11
+ d="M14.0891 2.50946C14.5034 1.79202 15.4207 1.54621 16.1382 1.96042L25.6645 7.46042C26.3819 7.87463 26.6277 8.79202 26.2135 9.50946V9.50946C25.7993 10.2269 24.8819 10.4727 24.1645 10.0585L14.6382 4.55849C13.9207 4.14428 13.6749 3.2269 14.0891 2.50946V2.50946Z"
12
+ fill="#4C505B"
13
+ />
14
+ <path d="M16.0712 3.07644L24.7314 8.07644L18.9635 22.0668L6.83914 15.0668L16.0712 3.07644Z" fill="#4C505B" />
15
+ <path
16
+ d="M4.85709 14.4998C5.2713 13.7824 6.18869 13.5366 6.90612 13.9508L19.8965 21.4508C20.6139 21.865 20.8598 22.7824 20.4455 23.4998V23.4998C20.0313 24.2173 19.1139 24.4631 18.3965 24.0489L5.40612 16.5489C4.68869 16.1347 4.44287 15.2173 4.85709 14.4998V14.4998Z"
17
+ fill="#4C505B"
18
+ />
19
+ <path d="M9.42047 16.5958L16.3487 20.5958L8.31759 27.5061L7.45156 27.0061L9.42047 16.5958Z" fill="#4C505B" />
20
+ </svg>
21
+ );
22
+ });
23
+
24
+ Pin.displayName = 'PinIcon';
@@ -0,0 +1,48 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type PriceListProps = SVGProps<SVGSVGElement>;
4
+
5
+ type PriceListRef = SVGSVGElement;
6
+
7
+ export const PriceList = forwardRef<PriceListRef, PriceListProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
10
+ <path
11
+ fill="#BFF6F8"
12
+ d="M10.568 1.418c.542-.42 1.3-.42 1.843 0l1.324 1.025c.276.214.618.325.968.315l1.673-.052c.686-.021 1.3.425 1.492 1.084l.468 1.607c.097.336.309.627.598.824l1.384.941c.567.386.802 1.108.57 1.754l-.567 1.575a1.506 1.506 0 0 0 0 1.018l.567 1.575a1.505 1.505 0 0 1-.57 1.754l-1.384.942c-.29.196-.5.487-.598.823l-.468 1.607a1.505 1.505 0 0 1-1.492 1.084l-1.673-.052c-.35-.01-.692.1-.968.315l-1.324 1.025c-.542.42-1.3.42-1.843 0l-1.324-1.025a1.505 1.505 0 0 0-.968-.315l-1.673.052a1.505 1.505 0 0 1-1.491-1.084l-.468-1.607a1.505 1.505 0 0 0-.599-.824l-1.384-.941a1.505 1.505 0 0 1-.57-1.753l.567-1.576a1.505 1.505 0 0 0 0-1.018L2.09 8.916a1.505 1.505 0 0 1 .57-1.754l1.384-.941c.29-.197.5-.488.599-.824l.468-1.607a1.505 1.505 0 0 1 1.49-1.084l1.674.052c.35.01.692-.1.968-.315l1.324-1.025Z"
13
+ />
14
+ <path
15
+ fill="#528693"
16
+ fillRule="evenodd"
17
+ d="M13.393 2.884 12.07 1.859a.947.947 0 0 0-1.16 0L9.585 2.884a2.063 2.063 0 0 1-1.327.431l-1.673-.051a.947.947 0 0 0-.939.681L5.18 5.553c-.134.46-.424.86-.82 1.129l-1.384.942a.947.947 0 0 0-.359 1.103l.567 1.575c.162.451.162.945 0 1.396l-.567 1.575a.947.947 0 0 0 .359 1.104l1.384.941c.396.27.686.669.82 1.13l.468 1.607c.12.414.507.695.939.681l1.673-.051c.48-.015.948.137 1.327.43l1.323 1.026a.947.947 0 0 0 1.16 0l1.324-1.025a2.063 2.063 0 0 1 1.327-.431l1.673.051a.947.947 0 0 0 .939-.681l.468-1.608c.134-.46.424-.86.82-1.129l1.384-.941a.947.947 0 0 0 .359-1.104l-.566-1.575a2.063 2.063 0 0 1 0-1.396l.566-1.575a.947.947 0 0 0-.359-1.103l-1.384-.942a2.063 2.063 0 0 1-.82-1.13l-.468-1.607a.947.947 0 0 0-.939-.681l-1.673.051a2.063 2.063 0 0 1-1.327-.431Zm-.982-1.466c-.542-.42-1.3-.42-1.843 0L9.244 2.443a1.505 1.505 0 0 1-.968.315l-1.673-.052A1.505 1.505 0 0 0 5.112 3.79l-.468 1.607c-.098.336-.31.627-.599.824l-1.384.941a1.505 1.505 0 0 0-.57 1.754l.567 1.575c.118.329.118.689 0 1.018l-.567 1.575a1.505 1.505 0 0 0 .57 1.754l1.384.942c.29.196.5.487.599.823l.468 1.607a1.505 1.505 0 0 0 1.49 1.084l1.674-.052c.35-.01.692.1.968.315l1.324 1.025c.542.42 1.3.42 1.843 0l1.324-1.025c.276-.214.618-.325.968-.315l1.673.052c.686.021 1.3-.425 1.492-1.084l.468-1.607c.097-.336.309-.627.598-.824l1.384-.941a1.505 1.505 0 0 0 .57-1.753l-.567-1.576a1.506 1.506 0 0 1 0-1.018l.567-1.575a1.505 1.505 0 0 0-.57-1.754l-1.384-.941a1.505 1.505 0 0 1-.598-.824l-.468-1.607a1.505 1.505 0 0 0-1.492-1.084l-1.673.052c-.35.01-.692-.1-.968-.315L12.41 1.418Z"
18
+ clipRule="evenodd"
19
+ />
20
+ <path
21
+ fill="#fff"
22
+ d="M7.471 15.02a.603.603 0 0 1 0-.853l7.184-7.183a.603.603 0 0 1 .853.853L8.324 15.02a.603.603 0 0 1-.853 0Z"
23
+ />
24
+ <path
25
+ fill="#528693"
26
+ fillRule="evenodd"
27
+ d="m7.076 13.773 7.184-7.184a1.161 1.161 0 1 1 1.642 1.642L8.72 15.415a1.161 1.161 0 0 1-1.643-1.642Zm.395.394a.603.603 0 0 0 .853.853l7.184-7.183a.603.603 0 1 0-.853-.853L7.47 14.167Z"
28
+ clipRule="evenodd"
29
+ />
30
+ <path fill="#fff" d="M11.226 7.989a2.09 2.09 0 1 1-4.182 0 2.09 2.09 0 0 1 4.182 0Z" />
31
+ <path
32
+ fill="#528693"
33
+ fillRule="evenodd"
34
+ d="M9.135 9.521a1.533 1.533 0 1 0 0-3.065 1.533 1.533 0 0 0 0 3.065Zm0 .558a2.09 2.09 0 1 0 0-4.181 2.09 2.09 0 0 0 0 4.181Z"
35
+ clipRule="evenodd"
36
+ />
37
+ <path fill="#fff" d="M15.934 14.011a2.09 2.09 0 1 1-4.181 0 2.09 2.09 0 0 1 4.18 0Z" />
38
+ <path
39
+ fill="#528693"
40
+ fillRule="evenodd"
41
+ d="M13.843 15.544a1.533 1.533 0 1 0 0-3.066 1.533 1.533 0 0 0 0 3.066Zm0 .558a2.09 2.09 0 1 0 0-4.182 2.09 2.09 0 0 0 0 4.182Z"
42
+ clipRule="evenodd"
43
+ />
44
+ </svg>
45
+ );
46
+ });
47
+
48
+ PriceList.displayName = 'PriceListIcon';
@@ -0,0 +1,53 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type RestrictedCatalogueProps = SVGProps<SVGSVGElement>;
4
+ type RestrictedCatalogueRef = SVGSVGElement;
5
+
6
+ export const RestrictedCatalogue = forwardRef<RestrictedCatalogueRef, RestrictedCatalogueProps>((delegated, ref) => {
7
+ return (
8
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
9
+ <path
10
+ fill="#FFDE99"
11
+ d="M11.14 5.027h8.041v12.615a.27.27 0 0 1-.009.071c-.097.356-.562 1.052-1.242 1.052H11.3c-.088 0-.16-.141-.16-.315V5.027Z"
12
+ />
13
+ <path
14
+ fill="#FFEDC6"
15
+ d="M19.181 3.525a.31.31 0 0 0-.31-.31h-5.636a2.067 2.067 0 0 0-2.068 2.069v12.97c0-2.704 6.188-2.276 7.663-2.117a.317.317 0 0 0 .351-.316V3.526Z"
16
+ />
17
+ <path
18
+ fill="#fff"
19
+ d="M3.415 5.027h7.576v12.857c0 .166-.068.302-.151.302H3.566c-.084 0-.151-.136-.151-.302V5.027Z"
20
+ />
21
+ <path
22
+ fill="#528693"
23
+ fillRule="evenodd"
24
+ d="M2.81 4.423h8.496v13.46c0 .501-.406.907-.906.907H3.717a.906.906 0 0 1-.906-.906V4.423Zm.605.604v12.857c0 .166.135.302.302.302H10.4a.302.302 0 0 0 .302-.302V5.027H3.415Z"
25
+ clipRule="evenodd"
26
+ />
27
+ <path
28
+ fill="#BFF6F8"
29
+ d="M3.415 4.12c0-.166.135-.302.302-.302H8.65a2.01 2.01 0 0 1 2.014 2.01v12.589c0-2.624-5.471-2.209-6.907-2.054a.309.309 0 0 1-.342-.306V4.12Z"
30
+ />
31
+ <path
32
+ fill="#528693"
33
+ fillRule="evenodd"
34
+ d="M10.06 17.161c-1.463-1.21-5.16-.921-6.303-.798a.309.309 0 0 1-.342-.307V4.12c0-.166.135-.302.302-.302H8.65a2.01 2.01 0 0 1 2.014 2.009v12.59c0-.536-.229-.945-.604-1.256ZM3.717 3.214H8.65a2.614 2.614 0 0 1 2.618 2.613v12.938H10.06v-.348c0-.397-.186-.688-.589-.934-.429-.263-1.06-.438-1.801-.536-1.473-.195-3.14-.06-3.849.016a.913.913 0 0 1-1.01-.907V4.12c0-.5.406-.906.906-.906Z"
35
+ clipRule="evenodd"
36
+ />
37
+ <path
38
+ fill="#528693"
39
+ fillRule="evenodd"
40
+ d="M18.585 3.824a.04.04 0 0 0-.028-.01h-.578a.302.302 0 0 1 0-.604h.578c.329 0 .632.254.632.61v.653a.302.302 0 1 1-.604 0v-.649Zm-1.846-.312a.302.302 0 0 0-.302-.302H15.28a.302.302 0 0 0 0 .604h1.156a.302.302 0 0 0 .302-.302Zm-2.698 0a.302.302 0 0 0-.302-.302h-.578c-.278 0-.545.043-.796.121a.302.302 0 0 0 .18.577c.193-.06.4-.094.616-.094h.578a.302.302 0 0 0 .302-.302Zm4.846 2.4a.302.302 0 0 0-.302.301v1.305a.302.302 0 1 0 .604 0V6.213a.302.302 0 0 0-.302-.302ZM10.96 7.387a.302.302 0 0 0-.303.302v1.163a.302.302 0 1 0 .604 0V7.69a.302.302 0 0 0-.301-.302Zm7.928 1.568a.302.302 0 0 0-.302.302v1.305a.302.302 0 0 0 .604 0V9.258a.302.302 0 0 0-.302-.302Zm-7.928 1.145a.302.302 0 0 0-.303.302v1.163a.302.302 0 1 0 .604 0v-1.163a.302.302 0 0 0-.301-.302Zm7.928 1.9a.302.302 0 0 0-.302.302v1.305a.302.302 0 0 0 .604 0v-1.305a.302.302 0 0 0-.302-.302Zm-7.928.813a.302.302 0 0 0-.303.302v1.163a.302.302 0 1 0 .604 0v-1.163a.302.302 0 0 0-.301-.302Zm7.928 2.232a.302.302 0 0 0-.302.303v.65l-.003.01a.26.26 0 0 0-.02.003.06.06 0 0 1-.019.001 24.867 24.867 0 0 0-.615-.054.302.302 0 1 0-.045.603c.238.018.442.036.6.052a.663.663 0 0 0 .214-.013.302.302 0 0 0 .215-.187.302.302 0 0 0 .23-.181.596.596 0 0 0 .047-.232v-.652a.302.302 0 0 0-.302-.303Zm-7.928.48a.302.302 0 0 0-.303.303v1.161a.302.302 0 1 0 .604 0V15.83a.302.302 0 0 0-.301-.302Zm5.32.363a19.33 19.33 0 0 0-1.243.028.302.302 0 1 0 .034.603c.408-.023.815-.03 1.203-.026a.302.302 0 1 0 .006-.605Zm-2.549.464a.302.302 0 0 0-.355-.238 6.167 6.167 0 0 0-1.231.367.302.302 0 0 0 .239.555c.323-.14.7-.247 1.11-.329a.302.302 0 0 0 .237-.355Zm-2.54 1.18a.302.302 0 0 0-.396.163c-.09.218-.138.457-.138.714v.355h.604v-.355c0-.182.034-.34.092-.482a.302.302 0 0 0-.163-.395Z"
41
+ clipRule="evenodd"
42
+ />
43
+ <path
44
+ fill="#528693"
45
+ fillRule="evenodd"
46
+ d="M18.886 16.776c.167 0 .302.136.302.303v.333c0 .138-.023.271-.065.396a.302.302 0 0 1-.572-.196.614.614 0 0 0 .033-.2v-.333c0-.167.136-.303.302-.303Zm-.312 1.544a.302.302 0 0 1-.183.386c-.125.045-.26.07-.4.07h-.723a.302.302 0 0 1 0-.605h.724c.069 0 .135-.012.196-.034a.302.302 0 0 1 .386.183Zm-6.614.455h-.724v-.604h.724a.302.302 0 1 1 0 .604Zm1.628-.302c0-.167.135-.302.302-.302h1.448a.302.302 0 1 1 0 .604H13.89a.302.302 0 0 1-.302-.302Z"
47
+ clipRule="evenodd"
48
+ />
49
+ </svg>
50
+ );
51
+ });
52
+
53
+ RestrictedCatalogue.displayName = 'RestrictedCatalogueIcon';
@@ -0,0 +1,29 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type SearchProps = SVGProps<SVGSVGElement>;
4
+
5
+ type SearchRef = SVGSVGElement;
6
+
7
+ export const Search = forwardRef<SearchRef, SearchProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
10
+ <path d="M19.02 9.531a6.238 6.238 0 1 1-12.476 0 6.238 6.238 0 0 1 12.476 0Z" fill="#fff" />
11
+ <path
12
+ d="M18.023 14.86c2.913-2.914 2.913-7.655 0-10.568-2.914-2.914-7.654-2.914-10.568 0a7.327 7.327 0 0 0-1.124 9.018s.124.208-.043.375l-3.813 3.812c-.759.759-.94 1.82-.266 2.493l.116.116c.673.673 1.734.492 2.492-.267l3.805-3.804c.175-.175.382-.051.382-.051a7.327 7.327 0 0 0 9.019-1.124Zm-9.188-1.38a5.528 5.528 0 0 1 0-7.808 5.528 5.528 0 0 1 7.808 0 5.528 5.528 0 0 1 0 7.808 5.528 5.528 0 0 1-7.808 0Z"
13
+ fill="#BFF6F8"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M6.288 13.685c.167-.167.043-.375.043-.375a7.327 7.327 0 0 1 1.124-9.018c2.914-2.914 7.654-2.914 10.568 0 2.913 2.913 2.913 7.654 0 10.568a7.327 7.327 0 0 1-9.019 1.124s-.207-.124-.382.051L4.817 19.84c-.758.758-1.82.939-2.492.266l-.116-.116c-.673-.673-.493-1.734.266-2.493l3.813-3.812ZM1.9 20.53l-.115-.115c-1.001-1.001-.621-2.455.266-3.342l3.651-3.651a7.925 7.925 0 0 1 1.329-9.554c3.148-3.148 8.268-3.148 11.416 0 3.148 3.148 3.148 8.268 0 11.416a7.925 7.925 0 0 1-9.554 1.329l-3.65 3.65c-.888.887-2.342 1.268-3.343.267ZM16.22 6.096a4.928 4.928 0 0 0-6.96 0 4.928 4.928 0 0 0 0 6.96 4.928 4.928 0 0 0 6.96 0 4.928 4.928 0 0 0 0-6.96Zm.424 7.384a5.528 5.528 0 0 0 0-7.808 5.528 5.528 0 0 0-7.808 0 5.528 5.528 0 0 0 0 7.808 5.528 5.528 0 0 0 7.808 0Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ d="M9.312 9.453a.77.77 0 0 1-.3-.061c-.393-.166-.576-.349-.41-.741a4.86 4.86 0 0 1 6.363-2.58c.392.167.576.35.41.742a.771.771 0 0 1-1.011.41 3.316 3.316 0 0 0-4.342 1.76.771.771 0 0 1-.71.47Z"
23
+ fill="#528693"
24
+ />
25
+ </svg>
26
+ );
27
+ });
28
+
29
+ Search.displayName = 'SearchIcon';
@@ -0,0 +1,34 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type SettingsProps = SVGProps<SVGSVGElement>;
4
+
5
+ type SettingsRef = SVGSVGElement;
6
+
7
+ export const Settings = forwardRef<SettingsRef, SettingsProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" {...delegated}>
10
+ <path
11
+ d="m25.585 24.468-.195-.204.204.241c.005-.019.005-.028-.01-.037Zm-8.07 4.605c.008-.01.018-.019.018-.028v-.76l-.037.797.018-.009Zm-2.975.01.528.046-.556-.065c.01.009.019.018.028.018Zm-.056-24.008.01-.148c0 .009 0 .018-.01.018v.13Z"
12
+ fill="#bff6f8"
13
+ />
14
+ <path
15
+ d="M14.512 29.064c.01.009.019.018.028.018l.528.046-.556-.064Zm0 0c.01.009.019.018.028.018l.528.046-.556-.064Zm0 0c.01.009.019.018.028.018l.528.046-.556-.064Zm14.52-12.815-.038-.49a1.057 1.057 0 0 1-.009-.168 2.957 2.957 0 0 0-.046-.389.975.975 0 0 0-.575-.574 2.22 2.22 0 0 0-.407-.037l-1.14-.01-.306-.064a9.858 9.858 0 0 0-.64-2.002c-.138-.334-.388-.769-.537-1.038l-.12-.24 1.121-1.112a.972.972 0 0 0 .167-.927 1.46 1.46 0 0 0-.287-.454c-.028-.037-.065-.074-.093-.111l-.343-.417c-.24-.269-.49-.528-.75-.77a10.035 10.035 0 0 0-.908-.731 2.378 2.378 0 0 0-.195-.14.97.97 0 0 0-.954-.01c-.115.072-.218.16-.306.261l-.37.37c-.196.21-.404.408-.622.594a9.628 9.628 0 0 0-2.946-1.233l-.269-.092v-1.4a1.219 1.219 0 0 0-.11-.574.962.962 0 0 0-.529-.445A1.576 1.576 0 0 0 17.468 4l-1.325-.102a9.578 9.578 0 0 0-1.029.065c-.185.018-.38.037-.648.055-.046.01-.093.01-.148.019a.861.861 0 0 0-.325.139.957.957 0 0 0-.37.565c-.017.117-.02.235-.01.352l.01 1.372-.074.074c-.681.16-1.345.382-1.983.667-.325.148-.63.315-.936.49-.204.13-.278.177-.362.177a.231.231 0 0 1-.074-.01l-.769-.76-.194-.184-.102-.112a2.597 2.597 0 0 0-.186-.148.963.963 0 0 0-.426-.102.802.802 0 0 0-.482.149 9.55 9.55 0 0 0-1.52 1.325c-.23.24-.453.5-.657.75l-.148.204c-.081.112-.14.237-.176.37a.87.87 0 0 0 .24.751L6.85 11.19a.126.126 0 0 1-.009.14 10.54 10.54 0 0 0-1.26 2.964l-.102.315-.13.028H3.894a1.093 1.093 0 0 0-.25.018.926.926 0 0 0-.417.27.735.735 0 0 0-.204.425l-.037.315-.102 1.196c.001.278.016.557.046.834l.083.991a.896.896 0 0 0 .686.686c.077.007.154.01.232.009h1.01l.472.01.074.055v.018a9.84 9.84 0 0 0 .658 1.992c.141.33.306.649.491.955.176.296.213.37.158.389l-.77.76c-.04.045-.083.089-.129.13-.126.11-.236.237-.324.38a.892.892 0 0 0 .074.945 9.38 9.38 0 0 0 1.343 1.5c.246.227.502.44.77.64l.213.148c.106.09.234.15.37.176a.926.926 0 0 0 .815-.232l1.057-1.019h.093c.916.573 1.916.998 2.965 1.26.305.065.305.065.324.112v1.371c-.003.1.003.198.018.296.027.119.074.232.14.334.139.194.348.327.583.37l1.585.13c.389 0 .778-.037 1.167-.074l.63-.055a.786.786 0 0 0 .315-.13c.189-.132.326-.325.39-.547a1.44 1.44 0 0 0 .018-.38v-.12l.046-1.25a10.286 10.286 0 0 0 2.974-1.178c.093-.07.196-.127.306-.166l1.01 1.01a.89.89 0 0 0 .973.24c.1-.04.193-.093.278-.157l.482-.361a10.43 10.43 0 0 0 1.677-1.723l.13-.158c.069-.096.122-.203.157-.315a.943.943 0 0 0-.074-.686.824.824 0 0 0-.204-.25l-.954-.955-.065-.148c.276-.438.518-.896.723-1.371a4.82 4.82 0 0 0 .222-.64c.188-.347.346-.71.473-1.084.051-.116.113-.228.185-.333.178.028.357.04.537.037l.464.01.305.008c.1-.002.2-.018.297-.046a.827.827 0 0 0 .51-.556c.027-.176.037-.278.046-.389l.037-.306a7.116 7.116 0 0 0 .056-1.779Zm-.788 1.603-.037.658a.126.126 0 0 1-.093.111l-.093.028h-.24l-.464.01a4.053 4.053 0 0 0-.62.036.932.932 0 0 0-.547.195.464.464 0 0 0-.13.278 2.956 2.956 0 0 0-.398.676c-.149.269-.315.64-.529 1.13-.192.444-.418.871-.676 1.28a.94.94 0 0 0-.12.685.649.649 0 0 0 .139.315c.056.078.122.15.194.213l.538.538.222.259.204.24.01.02-.112.148a8.597 8.597 0 0 1-.982 1.093 6.64 6.64 0 0 1-.547.473l-.296.222-.176.13h-.093l-1.177-1.177a.38.38 0 0 0-.176-.13l-.083-.046a.432.432 0 0 0-.158-.028 1.275 1.275 0 0 0-.658.306c-.05.035-.102.066-.157.093a8.599 8.599 0 0 1-2.733 1.074.904.904 0 0 0-.547.38c-.062.101-.109.21-.14.325a1.01 1.01 0 0 0-.008.287l-.028.611-.037.797v.019l-.149.009-.62.056c-.27.027-.529.046-.797.055l-.862-.093-.556-.064h-.032v-.871l-.01-.39.01-.203c0-.117-.019-.233-.056-.343a.927.927 0 0 0-.482-.51c-.167-.046-.25-.065-.315-.083a1.254 1.254 0 0 1-.157-.037 8.802 8.802 0 0 1-2.715-1.158.862.862 0 0 0-.482-.14.905.905 0 0 0-.445.112 1.35 1.35 0 0 0-.194.148l-.288.287-.76.723h-.055l-.037-.01h-.037l-.185-.129a7.17 7.17 0 0 1-.714-.575 8.87 8.87 0 0 1-1.223-1.37c-.028-.047-.028-.047.195-.26l.88-.89a.874.874 0 0 0 .232-.834 1.372 1.372 0 0 0-.214-.417c-.027-.046-.055-.092-.083-.148a8.3 8.3 0 0 1-.445-.852 8.44 8.44 0 0 1-.611-1.844.883.883 0 0 0-.686-.686 2.211 2.211 0 0 0-.231-.01H3.884l-.074-.064s-.074-.788-.083-.908a4.733 4.733 0 0 1-.046-.723l.092-1.102.037-.26.01-.037v-.028l.092-.055 1.409.009a.864.864 0 0 0 .667-.222.798.798 0 0 0 .26-.417l.073-.306a8.925 8.925 0 0 1 1.168-2.752.858.858 0 0 0 .018-.88.985.985 0 0 0-.148-.176L6.326 9.606c-.046-.028-.056-.084-.01-.186l.14-.185a8.513 8.513 0 0 1 1.63-1.603 3.42 3.42 0 0 1 .371-.269.163.163 0 0 1 .046-.037l.093.037 1.075 1.075a.791.791 0 0 0 .593.25 1.39 1.39 0 0 0 .204-.018c.144-.05.28-.119.407-.204a.632.632 0 0 1 .158-.083c.28-.16.567-.306.862-.436a7.92 7.92 0 0 1 1.843-.593.897.897 0 0 0 .695-.695.942.942 0 0 0 .01-.278l.009-.769.028-.472v-.065l.009-.149V4.9c.018-.01.018-.01.185-.019.167-.01.343-.028.51-.046.308-.031.617-.047.926-.046 0 0 .167.018.38.046a.347.347 0 0 1 .093.01c.037 0 .074.008.111.008.12.01.26.019.38.037.195.019.361.037.426.047h.028c.019.009.019.009.019.148l-.01.77-.009.574c-.004.112.009.224.037.333.07.234.226.432.436.556.102.052.211.09.324.111l.176.047c.948.23 1.85.618 2.668 1.149a.979.979 0 0 0 .943.066.903.903 0 0 0 .327-.27l.908-.908.102-.065.167.102c.26.194.51.398.75.611.232.223.463.454.677.695l.315.37.185.288.018.019-1.056 1.056a.972.972 0 0 0-.25.89c.05.16.128.311.232.444a.93.93 0 0 1 .074.13c.164.275.313.56.445.852a8.74 8.74 0 0 1 .62 1.835.906.906 0 0 0 .908.723l1.214-.019h.306l.083.037v.019l.084.815c.072.51.08 1.026.023 1.538Z"
16
+ fill="#528693"
17
+ />
18
+ <path
19
+ d="m28.225 16.314-.083-.815v-.019l-.084-.037h-.305l-1.214.019a.906.906 0 0 1-.908-.723 8.75 8.75 0 0 0-.62-1.835 8.307 8.307 0 0 0-.446-.852.928.928 0 0 0-.074-.13 1.399 1.399 0 0 1-.232-.445.973.973 0 0 1 .25-.89l1.057-1.055-.018-.019-.186-.287-.315-.37c-.213-.242-.445-.473-.676-.696a7.983 7.983 0 0 0-.75-.611l-.168-.102-.101.065-.909.908a.905.905 0 0 1-.74.361.978.978 0 0 1-.529-.157 8.666 8.666 0 0 0-2.668-1.15l-.177-.046a1.222 1.222 0 0 1-.324-.11.967.967 0 0 1-.435-.557 1.144 1.144 0 0 1-.037-.333l.009-.575.01-.769c0-.139 0-.139-.02-.148h-.027c-.065-.01-.232-.028-.426-.046-.12-.019-.26-.028-.38-.038-.037 0-.074-.009-.112-.009a.347.347 0 0 0-.092-.01c-.213-.027-.38-.045-.38-.045-.31 0-.619.015-.927.046a9.466 9.466 0 0 1-.51.046c-.166.01-.166.01-.185.019v.028l-.009.148v.065l-.028.472-.009.77a.946.946 0 0 1-.01.277.897.897 0 0 1-.695.695 7.92 7.92 0 0 0-1.843.593c-.294.13-.582.276-.862.436a.63.63 0 0 0-.157.083 1.797 1.797 0 0 1-.408.204 1.39 1.39 0 0 1-.204.018.791.791 0 0 1-.593-.25L8.601 7.363l-.093-.037a.163.163 0 0 0-.046.037h-.005c-.13.082-.253.171-.37.27a8.512 8.512 0 0 0-1.63 1.603l-.14.184c-.047.102-.038.158.009.186l1.038 1.047a.985.985 0 0 1 .148.176.858.858 0 0 1-.019.88 8.925 8.925 0 0 0-1.167 2.752l-.074.306a.799.799 0 0 1-.26.417.863.863 0 0 1-.667.222l-1.408-.01-.093.056v.028l-.01.037-.036.26-.093 1.102c-.003.242.013.484.046.723.01.12.084.908.084.908l.074.065H5.38c.077-.001.154.002.231.01a.883.883 0 0 1 .686.685c.132.636.337 1.255.612 1.844.131.292.28.577.444.852.028.056.056.102.084.148.094.126.166.267.213.417a.875.875 0 0 1-.232.834l-.88.89c-.222.213-.222.213-.195.26.36.497.77.957 1.223 1.37.226.207.464.399.714.575l.185.13h.028l.037.009h.056l.76-.723.287-.287c.06-.055.125-.105.194-.148a.905.905 0 0 1 .445-.111.863.863 0 0 1 .482.139 8.803 8.803 0 0 0 2.715 1.158c.051.015.104.028.157.037.065.018.148.037.315.083.221.1.394.284.482.51.037.11.056.226.056.343l-.01.204.01.389v.87h.037l.556.066.861.092c.269-.009.528-.028.797-.055l.621-.056.148-.01v-.018l.037-.797.028-.611a1.006 1.006 0 0 1 .01-.287c.03-.115.077-.224.138-.325a.905.905 0 0 1 .547-.38 8.597 8.597 0 0 0 2.733-1.074c.055-.027.108-.058.158-.093.185-.163.413-.27.658-.306.053 0 .107.009.157.028l.084.046c.07.025.131.07.176.13l1.177 1.177h.092l.176-.13.297-.222c.19-.148.373-.306.546-.473.358-.336.687-.701.983-1.093l.11-.149-.009-.018-.203-.24-.223-.26-.537-.538a1.265 1.265 0 0 1-.195-.213.65.65 0 0 1-.139-.317.94.94 0 0 1 .12-.685c.259-.409.485-.836.677-1.28.213-.49.38-.86.528-1.13.102-.242.236-.47.399-.676a.463.463 0 0 1 .13-.278.932.932 0 0 1 .546-.195c.206-.028.413-.04.62-.037l.464-.009h.241l.093-.028a.126.126 0 0 0 .092-.11l.037-.659a6.11 6.11 0 0 0-.023-1.536Zm-7.57 4.809a6.371 6.371 0 0 1-9.45-.176 6.153 6.153 0 0 1 4.873-10.081 6.292 6.292 0 0 1 4.197 1.733 6.166 6.166 0 0 1 1.583 6.5 6.024 6.024 0 0 1-1.203 2.024Z"
20
+ fill="#bff6f8"
21
+ />
22
+ <path
23
+ d="M22.193 16.768a6.166 6.166 0 0 0-1.918-4.17 6.292 6.292 0 0 0-4.197-1.732 6.156 6.156 0 0 0-4.874 10.08 6.37 6.37 0 0 0 9.451.177 6.023 6.023 0 0 0 1.538-4.355Zm-1.556 4.336a6.147 6.147 0 0 1-4.605 2.011 6.208 6.208 0 0 1-4.81-2.187 6.136 6.136 0 0 1 4.68-10.044l.176.01a6.193 6.193 0 0 1 4.179 1.723 6.066 6.066 0 0 1 1.909 4.151 5.995 5.995 0 0 1-1.53 4.336Z"
24
+ fill="#bff6f8"
25
+ />
26
+ <path
27
+ d="M22.17 16.768a6.066 6.066 0 0 0-1.909-4.15 6.193 6.193 0 0 0-4.178-1.724l-.176-.01a6.127 6.127 0 0 0-4.68 10.044 6.209 6.209 0 0 0 4.81 2.187 6.148 6.148 0 0 0 4.604-2.01 5.996 5.996 0 0 0 1.53-4.337Zm-2.164 3.937a5.141 5.141 0 0 1-3.892 1.73 5.608 5.608 0 0 1-4.29-1.995 5.45 5.45 0 0 1 4.198-8.9h.104a5.208 5.208 0 0 1 3.657 1.57 5.57 5.57 0 0 1 1.71 3.705 6.194 6.194 0 0 1-1.492 3.89h.005Z"
28
+ fill="#528693"
29
+ />
30
+ </svg>
31
+ );
32
+ });
33
+
34
+ Settings.displayName = 'SettingsIcon';