@breadcoop/ui 1.0.18 → 1.0.20
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/README.md +76 -281
- package/dist/index.d.mts +7 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/theme.css +9 -29
- package/package.json +1 -1
- package/theme.css +9 -29
package/README.md
CHANGED
|
@@ -1,119 +1,47 @@
|
|
|
1
1
|
# Bread UI Kit
|
|
2
2
|
|
|
3
|
-
A React TypeScript component library for implementing Bread Coop branding in JS/TS projects.
|
|
3
|
+
A React TypeScript component library for implementing Bread Coop branding in JS/TS projects. Built for **Tailwind CSS v4**.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
|
|
8
|
+
pnpm install @breadcoop/ui
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
##
|
|
11
|
+
## Preview
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Preview the available typography and components on the [Storybook Demo](http://breadcoopstorybook.netlify.app/).
|
|
14
14
|
|
|
15
|
-
###
|
|
15
|
+
### Quick Setup
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
1. **Install Tailwind v4** in your project:
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
4. **Clear build cache** and rebuild your project
|
|
19
|
+
```bash
|
|
20
|
+
npm install tailwindcss@next @tailwindcss/postcss@next
|
|
21
|
+
```
|
|
23
22
|
|
|
24
|
-
**
|
|
23
|
+
2. **Import the theme** in your main CSS file:
|
|
25
24
|
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
import "
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
## Usage Options
|
|
32
|
-
|
|
33
|
-
### Option 1: Drop-in CSS Theme (Simplest)
|
|
34
|
-
|
|
35
|
-
Perfect for projects that want to use pre-built components without configuration.
|
|
36
|
-
|
|
37
|
-
```tsx
|
|
38
|
-
import React from "react";
|
|
39
|
-
import { LiftedButton, Heading1, Body } from "@breadcoop/ui";
|
|
40
|
-
// Import the complete theme CSS
|
|
41
|
-
import "@breadcoop/ui/theme";
|
|
42
|
-
|
|
43
|
-
function App() {
|
|
44
|
-
return (
|
|
45
|
-
<div>
|
|
46
|
-
<Heading1>Welcome to Bread Coop</Heading1>
|
|
47
|
-
<Body>This text uses our brand typography.</Body>
|
|
48
|
-
<LiftedButton preset="primary" onClick={() => console.log("Clicked!")}>
|
|
49
|
-
Click me
|
|
50
|
-
</LiftedButton>
|
|
51
|
-
</div>
|
|
52
|
-
);
|
|
53
|
-
}
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
**For custom fonts (optional):**
|
|
57
|
-
|
|
58
|
-
```tsx
|
|
59
|
-
// Import fonts separately if you want the custom Bread Coop fonts
|
|
60
|
-
import "@breadcoop/ui/fonts";
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
**Note**: If you're using this in a project that already has Tailwind CSS, you might need to import the theme in your main CSS file instead:
|
|
64
|
-
|
|
65
|
-
```css
|
|
66
|
-
/* In your main CSS file (e.g., globals.css, index.css) */
|
|
67
|
-
@import "@breadcoop/ui/theme";
|
|
68
|
-
@import "@breadcoop/ui/fonts"; /* Optional: for custom fonts */
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
### Option 2: Tailwind Preset (Maximum Flexibility)
|
|
72
|
-
|
|
73
|
-
For projects that want full Tailwind integration with custom utilities and your design tokens.
|
|
74
|
-
|
|
75
|
-
#### Tailwind v3/v4 (Config-driven)
|
|
76
|
-
|
|
77
|
-
```js
|
|
78
|
-
// tailwind.config.js
|
|
79
|
-
module.exports = {
|
|
80
|
-
presets: [require("@breadcoop/ui/tailwind-preset")],
|
|
81
|
-
content: [
|
|
82
|
-
"./src/**/*.{js,ts,jsx,tsx}",
|
|
83
|
-
"./node_modules/@breadcoop/ui/dist/**/*.{js,ts,jsx,tsx}",
|
|
84
|
-
],
|
|
85
|
-
};
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
```tsx
|
|
89
|
-
import React from "react";
|
|
90
|
-
import { LiftedButton, Heading1, Typography } from "@breadcoop/ui";
|
|
91
|
-
|
|
92
|
-
function App() {
|
|
93
|
-
return (
|
|
94
|
-
<div>
|
|
95
|
-
{/* Use pre-built typography components */}
|
|
96
|
-
<Heading1>Brand Consistent Heading</Heading1>
|
|
97
|
-
<Typography variant="body">Consistent body text</Typography>
|
|
25
|
+
```css
|
|
26
|
+
/* globals.css or your main CSS file */
|
|
27
|
+
@import "tailwindcss";
|
|
28
|
+
@import "@breadcoop/ui/theme";
|
|
29
|
+
```
|
|
98
30
|
|
|
99
|
-
|
|
100
|
-
|
|
31
|
+
3. **Use components** in your React app:
|
|
32
|
+
```tsx
|
|
33
|
+
import { LiftedButton, Heading1, Body } from "@breadcoop/ui";
|
|
34
|
+
import "./globals.css"; // Make sure to import your CSS file i.e. in layout.ts
|
|
35
|
+
```
|
|
101
36
|
|
|
102
|
-
|
|
103
|
-
<div className="bg-primary-orange text-white p-4 rounded-md">
|
|
104
|
-
Custom styled element
|
|
105
|
-
</div>
|
|
106
|
-
</div>
|
|
107
|
-
);
|
|
108
|
-
}
|
|
109
|
-
```
|
|
37
|
+
## Usage
|
|
110
38
|
|
|
111
|
-
|
|
39
|
+
### Basic Setup
|
|
112
40
|
|
|
113
41
|
```css
|
|
114
42
|
/* globals.css */
|
|
115
43
|
@import "tailwindcss";
|
|
116
|
-
@import "@breadcoop/ui/
|
|
44
|
+
@import "@breadcoop/ui/theme";
|
|
117
45
|
```
|
|
118
46
|
|
|
119
47
|
```tsx
|
|
@@ -124,9 +52,13 @@ import "./globals.css";
|
|
|
124
52
|
function App() {
|
|
125
53
|
return (
|
|
126
54
|
<div>
|
|
127
|
-
<Heading1>
|
|
128
|
-
<Body>
|
|
129
|
-
<LiftedButton preset="primary"
|
|
55
|
+
<Heading1>Welcome to Bread Coop</Heading1>
|
|
56
|
+
<Body>This text uses our brand typography.</Body>
|
|
57
|
+
<LiftedButton preset="primary" onClick={() => console.log("Clicked!")}>
|
|
58
|
+
Click me
|
|
59
|
+
</LiftedButton>
|
|
60
|
+
|
|
61
|
+
{/* Tailwind classes available in imported theme can be used */}
|
|
130
62
|
<div className="bg-primary-orange text-white p-4 rounded-md">
|
|
131
63
|
Custom styled element
|
|
132
64
|
</div>
|
|
@@ -135,41 +67,12 @@ function App() {
|
|
|
135
67
|
}
|
|
136
68
|
```
|
|
137
69
|
|
|
138
|
-
## Design Tokens
|
|
139
|
-
|
|
140
|
-
The Bread Coop design system includes comprehensive design tokens:
|
|
141
|
-
|
|
142
|
-
### Colors
|
|
143
|
-
|
|
144
|
-
- **Primary Orange**: `#ea6023` (primary-orange)
|
|
145
|
-
- **Primary Jade**: `#286b63` (primary-jade)
|
|
146
|
-
- **Primary Blue**: `#1c5bb9` (primary-blue)
|
|
147
|
-
- **Paper Colors**: Light, warm paper tones (paper-main, paper-0, paper-1, paper-2)
|
|
148
|
-
- **Surface Colors**: Dark, rich surface tones (surface-ink, surface-brown, etc.)
|
|
149
|
-
- **System Colors**: Success (system-green), error (system-red), warning (system-warning)
|
|
150
|
-
|
|
151
|
-
### Typography
|
|
152
|
-
|
|
153
|
-
- **Bread Display**: Bold, impactful display font
|
|
154
|
-
- **Bread Body**: Clean, readable body font
|
|
155
|
-
- **Roboto**: Monospace font for code
|
|
156
|
-
|
|
157
|
-
### Available Classes
|
|
158
|
-
|
|
159
|
-
- **Text Styles**: `.text-h1`, `.text-h2`, `.text-h3`, `.text-h4`, `.text-h5`, `.text-body`
|
|
160
|
-
- **Button Styles**: `.bread-button-primary`, `.bread-button-secondary`, `.bread-button-outline`
|
|
161
|
-
- **Utility Classes**: All Tailwind utilities with your custom colors
|
|
162
|
-
|
|
163
70
|
## Components
|
|
164
71
|
|
|
165
72
|
### Typography
|
|
166
73
|
|
|
167
|
-
Brand-consistent typography components that ensure proper font usage across your application. **Bread Coop fonts are automatically loaded when you import the theme!**
|
|
168
|
-
|
|
169
|
-
#### Typography Component
|
|
170
|
-
|
|
171
74
|
```tsx
|
|
172
|
-
import { Typography } from "
|
|
75
|
+
import { Typography } from "@breadcoop/ui";
|
|
173
76
|
|
|
174
77
|
<Typography variant="h1">Main Heading</Typography>
|
|
175
78
|
<Typography variant="h2">Section Heading</Typography>
|
|
@@ -180,28 +83,39 @@ import { Typography } from "bread-ui-kit";
|
|
|
180
83
|
#### Individual Typography Components
|
|
181
84
|
|
|
182
85
|
```tsx
|
|
183
|
-
import { Heading1, Heading2, Heading3, Body, Caption } from "
|
|
86
|
+
import { Heading1, Heading2, Heading3, Body, Caption } from "@breadcoop/ui";
|
|
184
87
|
|
|
185
88
|
<Heading1>Main Heading</Heading1>
|
|
186
89
|
<Heading2>Section Heading</Heading2>
|
|
187
90
|
<Heading3>Subsection Heading</Heading3>
|
|
188
91
|
<Body>Body text content</Body>
|
|
92
|
+
<Body bold>Bold body text content</Body>
|
|
189
93
|
<Caption>Small caption text</Caption>
|
|
190
94
|
```
|
|
191
95
|
|
|
192
96
|
#### Props
|
|
193
97
|
|
|
194
|
-
| Component
|
|
195
|
-
|
|
|
196
|
-
| Typography
|
|
197
|
-
| Typography
|
|
198
|
-
| Typography
|
|
199
|
-
| Heading1-3,
|
|
200
|
-
| Heading1-3,
|
|
98
|
+
| Component | Props | Description |
|
|
99
|
+
| ------------------- | ---------------------------------------------------------------------- | ------------------------------- |
|
|
100
|
+
| Typography | `variant: "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "body" \| "caption"` | Typography variant |
|
|
101
|
+
| Typography | `children: React.ReactNode` | Content to display |
|
|
102
|
+
| Typography | `className?: string` | Additional CSS classes |
|
|
103
|
+
| Heading1-3, Caption | `children: React.ReactNode` | Content to display |
|
|
104
|
+
| Heading1-3, Caption | `className?: string` | Additional CSS classes |
|
|
105
|
+
| Body | `children: React.ReactNode` | Content to display |
|
|
106
|
+
| Body | `className?: string` | Additional CSS classes |
|
|
107
|
+
| Body | `bold?: boolean` | Make text bold (default: false) |
|
|
201
108
|
|
|
202
109
|
### LiftedButton
|
|
203
110
|
|
|
204
|
-
|
|
111
|
+
```tsx
|
|
112
|
+
import { LiftedButton } from "@breadcoop/ui";
|
|
113
|
+
|
|
114
|
+
<Typography variant="h1">Main Heading</Typography>
|
|
115
|
+
<Typography variant="h2">Section Heading</Typography>
|
|
116
|
+
<Typography variant="body">Body text content</Typography>
|
|
117
|
+
<Typography variant="caption">Small caption text</Typography>
|
|
118
|
+
```
|
|
205
119
|
|
|
206
120
|
#### Props
|
|
207
121
|
|
|
@@ -225,8 +139,6 @@ A unique button component with a "lifted" design that creates a 3D effect with a
|
|
|
225
139
|
|
|
226
140
|
- **primary**: Orange background with white text
|
|
227
141
|
- **secondary**: Light orange background with orange text
|
|
228
|
-
- **destructive**: Red background with white text
|
|
229
|
-
- **positive**: Green background with white text
|
|
230
142
|
- **stroke**: White background with dark text and border
|
|
231
143
|
|
|
232
144
|
#### Examples
|
|
@@ -241,8 +153,6 @@ import { ArrowUpRight, SignOut } from "@phosphor-icons/react";
|
|
|
241
153
|
// With presets
|
|
242
154
|
<LiftedButton preset="primary">Primary Button</LiftedButton>
|
|
243
155
|
<LiftedButton preset="secondary">Secondary Button</LiftedButton>
|
|
244
|
-
<LiftedButton preset="destructive">Delete</LiftedButton>
|
|
245
|
-
<LiftedButton preset="positive">Save</LiftedButton>
|
|
246
156
|
<LiftedButton preset="stroke">Cancel</LiftedButton>
|
|
247
157
|
|
|
248
158
|
// With icons
|
|
@@ -269,38 +179,36 @@ import { ArrowUpRight, SignOut } from "@phosphor-icons/react";
|
|
|
269
179
|
<LiftedButton disabled>Disabled Button</LiftedButton>
|
|
270
180
|
```
|
|
271
181
|
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
### Theme Not Loading
|
|
182
|
+
#### Logo Component
|
|
275
183
|
|
|
276
|
-
|
|
184
|
+
```tsx
|
|
185
|
+
import { Logo } from '@breadcoop/ui';
|
|
277
186
|
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
3. **Build tool compatibility**: Some bundlers require CSS imports in CSS files rather than JS files
|
|
187
|
+
// Basic usage
|
|
188
|
+
<Logo />
|
|
281
189
|
|
|
282
|
-
|
|
190
|
+
// With text and custom styling
|
|
191
|
+
<Logo
|
|
192
|
+
text="Bread Coop"
|
|
193
|
+
className="text-xl font-bold"
|
|
194
|
+
color="blue"
|
|
195
|
+
size={48}
|
|
196
|
+
/>
|
|
283
197
|
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
198
|
+
// Different variants
|
|
199
|
+
<Logo variant="square" color="jade" />
|
|
200
|
+
<Logo variant="line" color="white" />
|
|
287
201
|
```
|
|
288
202
|
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
If fonts aren't displaying:
|
|
292
|
-
|
|
293
|
-
1. **Check network tab**: Look for 404 errors on font files
|
|
294
|
-
2. **Verify font paths**: The theme.css should be in `node_modules/@breadcoop/ui/dist/theme.css`
|
|
295
|
-
3. **Clear cache**: Try clearing your browser cache and node_modules
|
|
296
|
-
|
|
297
|
-
### Components Not Styled
|
|
298
|
-
|
|
299
|
-
If components render but without styles:
|
|
203
|
+
#### Props
|
|
300
204
|
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
205
|
+
| Prop | Type | Default | Description |
|
|
206
|
+
| --------- | ----------------------------------------- | -------- | ----------------------------------------------- |
|
|
207
|
+
| size | `number` | 32 | Size in pixels |
|
|
208
|
+
| color | `"orange" \| "blue" \| "jade" \| "white"` | "orange" | Color variant |
|
|
209
|
+
| variant | `"square" \| "line"` | - | Logo variant |
|
|
210
|
+
| text | `string` | - | Optional text to display next to the logo |
|
|
211
|
+
| className | `string` | - | Additional CSS classes (applied to svg element) |
|
|
304
212
|
|
|
305
213
|
## Local Development & Usage
|
|
306
214
|
|
|
@@ -339,46 +247,7 @@ Add a local reference to your project's `package.json`:
|
|
|
339
247
|
Then install:
|
|
340
248
|
|
|
341
249
|
```bash
|
|
342
|
-
|
|
343
|
-
```
|
|
344
|
-
|
|
345
|
-
**Option B: Using npm link**
|
|
346
|
-
|
|
347
|
-
```bash
|
|
348
|
-
# In the bread-ui-kit directory
|
|
349
|
-
npm link
|
|
350
|
-
|
|
351
|
-
# In your project directory
|
|
352
|
-
npm link bread-ui-kit
|
|
353
|
-
```
|
|
354
|
-
|
|
355
|
-
**Option C: Direct path installation**
|
|
356
|
-
|
|
357
|
-
```bash
|
|
358
|
-
# In your project directory
|
|
359
|
-
npm install /path/to/bread-ui-kit
|
|
360
|
-
```
|
|
361
|
-
|
|
362
|
-
#### Step 3: Import and Use in Your Project
|
|
363
|
-
|
|
364
|
-
```tsx
|
|
365
|
-
// Import components
|
|
366
|
-
import { Logo, LiftedButton, Typography } from "bread-ui-kit";
|
|
367
|
-
|
|
368
|
-
// Import the theme CSS
|
|
369
|
-
import "bread-ui-kit/theme";
|
|
370
|
-
|
|
371
|
-
function App() {
|
|
372
|
-
return (
|
|
373
|
-
<div>
|
|
374
|
-
<Logo text="Bread Coop" className="text-lg" color="blue" size={48} />
|
|
375
|
-
|
|
376
|
-
<LiftedButton preset="primary">Click me</LiftedButton>
|
|
377
|
-
|
|
378
|
-
<Typography variant="h1">Welcome to Bread Coop</Typography>
|
|
379
|
-
</div>
|
|
380
|
-
);
|
|
381
|
-
}
|
|
250
|
+
pnpm install
|
|
382
251
|
```
|
|
383
252
|
|
|
384
253
|
### Development Workflow
|
|
@@ -387,78 +256,4 @@ When making changes to the UI kit:
|
|
|
387
256
|
|
|
388
257
|
1. **Make your changes** in the `src/` directory
|
|
389
258
|
2. **Build the library**: `npm run build`
|
|
390
|
-
3. **Test in your project** -
|
|
391
|
-
|
|
392
|
-
### Available Components
|
|
393
|
-
|
|
394
|
-
#### Logo Component
|
|
395
|
-
|
|
396
|
-
```tsx
|
|
397
|
-
import { Logo } from 'bread-ui-kit';
|
|
398
|
-
|
|
399
|
-
// Basic usage
|
|
400
|
-
<Logo />
|
|
401
|
-
|
|
402
|
-
// With text and custom styling
|
|
403
|
-
<Logo
|
|
404
|
-
text="Bread Coop"
|
|
405
|
-
className="text-xl font-bold"
|
|
406
|
-
color="blue"
|
|
407
|
-
size={48}
|
|
408
|
-
/>
|
|
409
|
-
|
|
410
|
-
// Different variants
|
|
411
|
-
<Logo variant="square" color="jade" />
|
|
412
|
-
<Logo variant="line" color="white" />
|
|
413
|
-
```
|
|
414
|
-
|
|
415
|
-
**Logo Props:**
|
|
416
|
-
|
|
417
|
-
- `size?: number` - Size in pixels (default: 32)
|
|
418
|
-
- `color?: "orange" | "blue" | "jade" | "white"` - Color variant (default: "orange")
|
|
419
|
-
- `variant?: "square" | "line"` - Logo variant
|
|
420
|
-
- `text?: string` - Optional text to display next to the logo
|
|
421
|
-
- `className?: string` - Additional CSS classes (applied to text when text prop is used)
|
|
422
|
-
|
|
423
|
-
#### LiftedButton Component
|
|
424
|
-
|
|
425
|
-
```tsx
|
|
426
|
-
import { LiftedButton } from 'bread-ui-kit';
|
|
427
|
-
|
|
428
|
-
<LiftedButton preset="primary">Click me</LiftedButton>
|
|
429
|
-
<LiftedButton preset="secondary" disabled>Disabled</LiftedButton>
|
|
430
|
-
<LiftedButton width="full">Full Width</LiftedButton>
|
|
431
|
-
```
|
|
432
|
-
|
|
433
|
-
#### Typography Components
|
|
434
|
-
|
|
435
|
-
```tsx
|
|
436
|
-
import { Typography, Heading1, Body } from 'bread-ui-kit';
|
|
437
|
-
|
|
438
|
-
<Typography variant="h1">Main Heading</Typography>
|
|
439
|
-
<Heading1>Direct Heading</Heading1>
|
|
440
|
-
<Body>Body text content</Body>
|
|
441
|
-
```
|
|
442
|
-
|
|
443
|
-
## Development
|
|
444
|
-
|
|
445
|
-
```bash
|
|
446
|
-
# Install dependencies
|
|
447
|
-
npm install
|
|
448
|
-
|
|
449
|
-
# Build the library
|
|
450
|
-
npm run build
|
|
451
|
-
|
|
452
|
-
# Run linting
|
|
453
|
-
npm run lint
|
|
454
|
-
|
|
455
|
-
# Run type checking
|
|
456
|
-
npm run type-check
|
|
457
|
-
|
|
458
|
-
# Run Storybook (for component development)
|
|
459
|
-
npm run storybook
|
|
460
|
-
```
|
|
461
|
-
|
|
462
|
-
## License
|
|
463
|
-
|
|
464
|
-
MIT
|
|
259
|
+
3. **Test in your project** - `pnpm install`
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}function t(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};var o=Object.keys(n);if(typeof Object.getOwnPropertySymbols==="function"){o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))}o.forEach(function(r){e(t,r,n[r])})}return t}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t){n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})}r.push.apply(r,n)}return r}function n(e,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(t))}else{r(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function o(e,t){if(e==null)return{};var r=i(e,t);var n,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++){n=a[o];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;r[n]=e[n]}}return r}function i(e,t){if(e==null)return{};var r={};var n=Object.keys(e);var o,i;for(i=0;i<n.length;i++){o=n[i];if(t.indexOf(o)>=0)continue;r[o]=e[o]}return r}function a(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}var C=require("react"),l=require("react/jsx-runtime");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(C);var L={primary:{bg:"--color-primary-orange",text:"--color-paper-main",hoverBg:"--color-orange-1",hoverText:"#ffffff",shadowBg:"#595959"},secondary:{bg:"#FBDED1",text:"--color-primary-orange",hoverBg:"#FFF1EA",hoverText:"--color-primary-orange",shadowBg:"#595959"},destructive:{bg:"--color-system-red",text:"--color-paper-main",hoverBg:"#BF0A00",hoverText:"#ffffff",shadowBg:"#595959"},positive:{bg:"--color-system-green",text:"--color-paper-main",hoverBg:"#2B8F00",hoverText:"#ffffff",shadowBg:"#595959"},stroke:{bg:"--color-paper-main",text:"--color-surface-ink",hoverBg:"--color-paper-2",hoverText:"--color-surface-ink",shadowBg:"#595959"}};function d(e){return{"--btn-bg":f(e.bg),"--btn-text":f(e.text),"--btn-hover-bg":f(e.hoverBg),"--btn-hover-text":f(e.hoverText),"--btn-shadow":f(e.shadowBg)}}var u={"--color-primary-orange":"#ea6023","--color-paper-main":"#f6f3eb","--color-surface-ink":"#1b201a","--color-system-red":"#df0b00","--color-system-green":"#32a800","--color-orange-1":"#d14a0f","--color-paper-2":"#eae2d6"};function f(e){if(!e)return"";if(e.includes("var("))return e;if(e.startsWith("--")){var t=u[e]||"#000000";return"var(".concat(e,", ").concat(t,")")}return e}var h=["--color-primary-orange","--color-paper-main","--color-surface-ink","--color-system-red","--color-system-green","--color-orange-1","--color-paper-2"],p=false;function v(){if(p||(typeof window==="undefined"?"undefined":a(window))>"u")return;var e=[];h.forEach(function(t){var r=getComputedStyle(document.documentElement).getPropertyValue(t);(!r||r.trim()==="")&&e.push(t)}),e.length>0&&!p&&(p=true,console.warn("\uD83D\uDEA8 @breadcoop/ui: Missing CSS variables detected!\n\nMissing variables: ".concat(e.join(", "),"\n\nTo fix this, import the theme CSS in your main CSS file:\n\n@import '@breadcoop/ui/theme';\n\nOr use the Tailwind preset:\nmodule.exports = { presets: [require('@breadcoop/ui/tailwind-preset')] }")))}process.env.NODE_ENV==="development"&&setTimeout(v,100);var m=function(e,t){if(c.default.isValidElement(e)){var r="".concat(e.props.className||""," ").concat(t).trim();return c.default.cloneElement(e,{className:r})}return e};function x(e){var r=e.children,i=e.leftIcon,a=e.rightIcon,C=e.disabled,s=C===void 0?false:C,u=e.preset,f=u===void 0?"primary":u,h=e.colorOverrides,p=h===void 0?{}:h,x=e.offsetPx,g=x===void 0?4:x,w=e.durationMs,b=w===void 0?300:w,M=e.className,Z=M===void 0?"":M,y=e.type,j=y===void 0?"button":y,N=e.width,O=N===void 0?"auto":N,B=e.scrollTo,H=o(e,["children","leftIcon","rightIcon","disabled","preset","colorOverrides","offsetPx","durationMs","className","type","width","scrollTo"]);c.default.useEffect(function(){v()},[]);var V=t({},L[f],p),k=n(t({},d(V)),{"--btn-offset":"".concat(g,"px"),"--btn-duration":"".concat(b,"ms")}),P=["lifted-button-base",O==="full"?"w-full":"",O==="mobile-full"?"w-full xl:w-auto":""],S=[function(e){switch(e){case"primary":return"lifted-button-primary";case"secondary":return"lifted-button-secondary";case"destructive":return"lifted-button-destructive";case"positive":return"lifted-button-positive";case"stroke":return"lifted-button-stroke";default:return"lifted-button-primary"}}(f),"lifted-button-motion","lifted-button-lifted","lifted-button-active"],E=["lifted-button-disabled"],D=P.concat(s?E:S);D.push(Z);var T=function(e){var t;B&&(e.preventDefault(),(t=document.getElementById(B))===null||t===void 0?void 0:t.scrollIntoView({behavior:"smooth"})),H.onClick&&H.onClick(e)};return l.jsxs("span",{className:[O==="full"?"relative block select-none align-middle":O==="mobile-full"?"relative block md:inline-block select-none align-middle":"relative inline-block select-none align-middle","group"].join(" "),style:k,children:[s?null:l.jsx("span",{"aria-hidden":true,className:"lifted-button-shadow",style:{transform:"translateX(2px) translateY(2px)"}}),l.jsxs("button",n(t({type:j,className:D.join(" "),onClick:T},H),{children:[i?l.jsx("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:m(i,"w-6 h-6")}):null,l.jsx("span",{className:"whitespace-nowrap mt-1 leading-none p-[5px]",children:r}),a?l.jsx("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:m(a,"w-6 h-6")}):null]}))]})}var g={breadDisplay:"--font-breadDisplay",breadBody:"--font-breadBody"},w=function(e){var t=e.variant,r=e.children,n=e.className,o=n===void 0?"":n;var i=["h1","h2","h3"].includes(t)?"font-breadDisplay":"font-breadBody",a={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",body:"text-body",caption:"text-caption"},C=t.startsWith("h")?t:"p";return c.default.createElement(C,{className:"".concat(i," ").concat(a[t]," ").concat(o).trim()},r)},b=function(e){var t=e.children,r=e.className,n=r===void 0?"":r;return l.jsx(w,{variant:"h1",className:n,children:t})},M=function(e){var t=e.children,r=e.className,n=r===void 0?"":r;return l.jsx(w,{variant:"h2",className:n,children:t})},Z=function(e){var t=e.children,r=e.className,n=r===void 0?"":r;return l.jsx(w,{variant:"h3",className:n,children:t})},y=function(e){var t=e.children,r=e.className,n=r===void 0?"":r;return l.jsx(w,{variant:"h4",className:n,children:t})},j=function(e){var t=e.children,r=e.className,n=r===void 0?"":r;return l.jsx(w,{variant:"h5",className:n,children:t})},N=function(e){var t=e.children,r=e.className,n=r===void 0?"":r,o=e.bold,i=o===void 0?false:o;return l.jsx(w,{variant:"body",className:"".concat(i?"text-body-bold":""," ").concat(n).trim(),children:t})},O=function(e){var t=e.children,r=e.className,n=r===void 0?"":r;return l.jsx(w,{variant:"caption",className:n,children:t})};function B(e){var r=e.size,i=r===void 0?32:r,a=e.className,C=a===void 0?"":a,s=e.color,c=e.variant,L=e.text,d=o(e,["size","className","color","variant","text"]);var u=s||"orange",f=u==="blue"?"var(--color-primary-blue)":u==="jade"?"var(--color-primary-jade)":u==="white"?"var(--color-white)":"var(--color-primary-orange)",h=u==="blue"?"var(--color-primary-blue)":u==="jade"?"var(--color-primary-jade)":u==="white"?"var(--color-black)":"var(--color-primary-orange)",p=function(){if(!c)return l.jsx("svg",n(t({width:i,height:i,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:f})}));if(c==="line"){var e="logo-mask-".concat(Math.random().toString(36).substr(2,9));return l.jsxs("svg",n(t({width:i,height:i,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("mask",{id:e,fill:"white",children:l.jsx("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z"})}),l.jsx("path",{d:"M16 0V-1H16L16 0ZM32 16H33V16L32 16ZM16 32L16 33H16V32ZM0 16L-1 16V16H0ZM19.7451 5.26758L20.4688 4.57736L20.4598 4.56812L19.7451 5.26758ZM11.2129 8.1084L12.2085 8.20259L12.2092 8.19461L11.2129 8.1084ZM4.37207 13.209L3.65396 12.5131L3.63481 12.5328L3.61678 12.5536L4.37207 13.209ZM3.25195 16.6406L2.26049 16.7712L2.26144 16.778L3.25195 16.6406ZM6.47461 20.1816L6.73241 19.2154L6.7221 19.2127L6.71173 19.2102L6.47461 20.1816ZM10.998 22.8066L11.971 22.5757L11.9669 22.5584L11.9622 22.5412L10.998 22.8066ZM12.5215 26.9971L11.8352 27.7244L11.836 27.7252L12.5215 26.9971ZM20.2656 26.001L19.3959 25.5075L19.3849 25.5269L19.3747 25.5468L20.2656 26.001ZM21.0332 23.0723L22.0157 23.2586L22.0171 23.2507L21.0332 23.0723ZM22.834 20.8311L23.1748 21.7712L23.1876 21.7665L23.2004 21.7615L22.834 20.8311ZM27.0664 19.5332L26.5064 18.7047L26.4989 18.7098L26.4915 18.715L27.0664 19.5332ZM28.8203 15.4639L29.809 15.3142L29.8064 15.2968L29.8032 15.2796L28.8203 15.4639ZM28.8174 15.4482V14.4482H27.6125L27.8345 15.6325L28.8174 15.4482ZM28.8184 15.4482V16.4482H29.9832L29.8068 15.2968L28.8184 15.4482ZM25.6309 11.9238L25.3142 12.8724L25.3237 12.8755L25.3332 12.8785L25.6309 11.9238ZM22.7627 11.2588L23.1466 10.3354L23.1327 10.3296L23.1186 10.3243L22.7627 11.2588ZM21.1387 9.43262L20.1759 9.70307L20.1782 9.71101L20.1805 9.71892L21.1387 9.43262ZM15.3008 12.3789L15.3993 13.3741L15.4088 13.3731L15.3008 12.3789ZM20.0713 16.9531L21.0447 17.1822L21.0537 17.1438L21.0597 17.1049L20.0713 16.9531ZM20.0674 16.9697H19.0674L21.0408 17.1988L20.0674 16.9697ZM20.0674 16.9688H21.0674L19.082 16.7985L20.0674 16.9688ZM17.2539 19.6562L17.122 18.665L17.1101 18.6666L17.0983 18.6684L17.2539 19.6562ZM14.4111 19.5625L14.1728 20.5337L14.1797 20.5354L14.4111 19.5625ZM13.1143 18.959L12.4731 19.7264L12.4814 19.7334L12.49 19.7402L13.1143 18.959ZM12.2539 14.3994L11.3283 14.0208L11.3252 14.0286L12.2539 14.3994ZM16 0V1C24.2843 1 31 7.71563 31 16L32 16L33 16C32.9999 6.61107 25.3889 -1 16 -1V0ZM32 16H31C31 24.2844 24.2843 31 16 31V32V33C25.3889 33 33 25.389 33 16H32ZM16 32L16 31C7.71571 31 1 24.2844 1 16H0H-1C-1 25.389 6.61116 33 16 33L16 32ZM0 16L1 16C1.00005 7.71567 7.71575 1.00004 16 1L16 0L16 -1C6.61118 -0.999955 -0.999947 6.61109 -1 16L0 16ZM19.7451 5.26758L20.4598 4.56812C18.6965 2.7665 16.2634 2.2872 14.2021 2.93749C12.1227 3.5935 10.444 5.39498 10.2166 8.02218L11.2129 8.1084L12.2092 8.19461C12.3634 6.41273 13.4586 5.26924 14.8039 4.84482C16.1673 4.41469 17.8095 4.71952 19.0304 5.96704L19.7451 5.26758ZM11.2129 8.1084L10.2173 8.01421C10.109 9.15886 9.83461 9.68838 9.58568 9.9614C9.34081 10.23 8.99785 10.3885 8.41114 10.5209C7.32551 10.766 5.27969 10.8355 3.65396 12.5131L4.37207 13.209L5.09018 13.9049C6.17753 12.7829 7.31401 12.8189 8.85148 12.4719C9.57631 12.3083 10.4051 12.0311 11.0636 11.3089C11.7181 10.5911 12.0786 9.57464 12.2084 8.20259L11.2129 8.1084ZM4.37207 13.209L3.61678 12.5536C2.66159 13.6544 2.05673 15.2241 2.26052 16.7712L3.25195 16.6406L4.24339 16.51C4.12698 15.6263 4.47878 14.6118 5.12736 13.8644L4.37207 13.209ZM3.25195 16.6406L2.26144 16.778C2.55316 18.8811 4.17046 20.6486 6.23749 21.1531L6.47461 20.1816L6.71173 19.2102C5.42925 18.8971 4.41978 17.7815 4.24247 16.5032L3.25195 16.6406ZM6.47461 20.1816L6.21681 21.1478C6.73958 21.2873 7.27149 21.3775 7.70953 21.4598C8.1715 21.5467 8.54298 21.627 8.86229 21.745C9.16975 21.8587 9.39429 21.9956 9.56814 22.1755C9.73965 22.3529 9.90999 22.622 10.0339 23.0721L10.998 22.8066L11.9622 22.5412C11.7639 21.821 11.4458 21.2404 11.0063 20.7856C10.5692 20.3333 10.0603 20.0556 9.55558 19.869C9.06268 19.6869 8.54318 19.5816 8.07914 19.4943C7.59116 19.4025 7.16201 19.3301 6.73241 19.2154L6.47461 20.1816ZM10.998 22.8066L10.0251 23.0376C10.1073 23.3838 10.163 23.728 10.2239 24.1047C10.2827 24.469 10.3476 24.8722 10.4467 25.2708C10.6527 26.0995 11.0161 26.9516 11.8352 27.7244L12.5215 26.9971L13.2078 26.2697C12.7453 25.8334 12.531 25.3651 12.3876 24.7883C12.312 24.4842 12.2593 24.1634 12.1983 23.7857C12.1392 23.4203 12.0728 23.0044 11.971 22.5757L10.998 22.8066ZM12.5215 26.9971L11.836 27.7252C13.1853 28.9953 15.0547 29.5358 16.7937 29.3514C18.5443 29.1658 20.2512 28.2309 21.1565 26.4552L20.2656 26.001L19.3747 25.5468C18.8281 26.6189 17.7819 27.2354 16.5828 27.3625C15.3721 27.4909 14.0955 27.1054 13.2069 26.2689L12.5215 26.9971ZM20.2656 26.001L21.1354 26.4945C21.4599 25.9226 21.6317 25.3247 21.7472 24.7793C21.8474 24.3057 21.9443 23.635 22.0157 23.2586L21.0332 23.0723L20.0507 22.8859C19.9351 23.4953 19.9009 23.8436 19.7905 24.3651C19.6953 24.815 19.5768 25.1886 19.3959 25.5075L20.2656 26.001ZM21.0332 23.0723L22.0171 23.2507C22.1529 22.5025 22.5724 21.9896 23.1748 21.7712L22.834 20.8311L22.4932 19.8909C21.1268 20.3862 20.293 21.55 20.0493 22.8938L21.0332 23.0723ZM22.834 20.8311L23.2004 21.7615C23.7617 21.5405 24.3698 21.4563 25.1903 21.2886C25.9461 21.1342 26.8461 20.9101 27.6413 20.3514L27.0664 19.5332L26.4915 18.715C26.0568 19.0204 25.5088 19.1822 24.7899 19.3291C24.1358 19.4628 23.2427 19.5954 22.4676 19.9006L22.834 20.8311ZM27.0664 19.5332L27.6264 20.3617C29.249 19.2651 30.0964 17.2117 29.809 15.3142L28.8203 15.4639L27.8316 15.6136C28.0079 16.7781 27.465 18.0568 26.5064 18.7047L27.0664 19.5332ZM28.8203 15.4639L29.8032 15.2796L29.8003 15.264L28.8174 15.4482L27.8345 15.6325L27.8374 15.6482L28.8203 15.4639ZM28.8174 15.4482V16.4482H28.8184V15.4482V14.4482H28.8174V15.4482ZM28.8184 15.4482L29.8068 15.2968C29.4867 13.2073 27.8018 11.5531 25.9285 10.9691L25.6309 11.9238L25.3332 12.8785C26.5942 13.2716 27.6431 14.3801 27.8299 15.5997L28.8184 15.4482ZM25.6309 11.9238L25.9475 10.9753C25.3897 10.7891 24.8066 10.7048 24.3513 10.6298C23.861 10.549 23.4814 10.4746 23.1466 10.3354L22.7627 11.2588L22.3788 12.1822C22.9517 12.4204 23.5416 12.5234 24.0261 12.6032C24.5457 12.6888 24.9429 12.7484 25.3142 12.8724L25.6309 11.9238ZM22.7627 11.2588L23.1186 10.3243C22.6345 10.1399 22.2711 9.72964 22.0968 9.14632L21.1387 9.43262L20.1805 9.71892C20.5039 10.8011 21.2529 11.7538 22.4067 12.1933L22.7627 11.2588ZM21.1387 9.43262L22.1014 9.16216C22.0135 8.84923 21.9543 8.5261 21.8961 8.16889C21.8406 7.82768 21.7821 7.42709 21.6996 7.04262C21.5274 6.2409 21.225 5.3704 20.4688 4.57742L19.7451 5.26758L19.0215 5.95774C19.427 6.38293 19.6138 6.85588 19.7441 7.46262C19.8128 7.78237 19.859 8.10225 19.9221 8.49021C19.9827 8.86218 20.0562 9.27694 20.1759 9.70307L21.1387 9.43262ZM15.3008 12.3789L15.4088 13.3731C16.8081 13.221 17.8046 13.5271 18.3855 14.0491C18.9346 14.5425 19.2984 15.3979 19.0829 16.8013L20.0713 16.9531L21.0597 17.1049C21.349 15.2211 20.8989 13.6187 19.7222 12.5614C18.5773 11.5327 16.9362 11.1953 15.1927 11.3848L15.3008 12.3789ZM20.0713 16.9531L19.0979 16.7241L19.094 16.7407L20.0674 16.9697L21.0408 17.1988L21.0447 17.1822L20.0713 16.9531ZM20.0674 16.9697H21.0674V16.9688H20.0674H19.0674V16.9697H20.0674ZM20.0674 16.9688L19.082 16.7985C18.8964 17.8725 18.2036 18.521 17.122 18.665L17.2539 19.6562L17.3858 20.6475C19.3082 20.3917 20.7139 19.1003 21.0528 17.139L20.0674 16.9688ZM17.2539 19.6562L17.0983 18.6684C16.3053 18.7933 15.4018 18.7702 14.6425 18.5896L14.4111 19.5625L14.1797 20.5354C15.2141 20.7814 16.3819 20.8059 17.4095 20.6441L17.2539 19.6562ZM14.4111 19.5625L14.6494 18.5913C14.2619 18.4962 13.9565 18.352 13.7386 18.1778L13.1143 18.959L12.49 19.7402C12.9898 20.1396 13.5812 20.3885 14.1728 20.5337L14.4111 19.5625ZM13.1143 18.959L13.7555 18.1916C13.3655 17.8658 13.0916 17.3369 12.9861 16.6808C12.8808 16.0255 12.9597 15.3286 13.1826 14.7702L12.2539 14.3994L11.3252 14.0286C10.963 14.9358 10.8509 15.9997 11.0115 16.9983C11.1719 17.9961 11.6208 19.0142 12.4731 19.7264L13.1143 18.959ZM12.2539 14.3994L13.1795 14.778C13.4956 14.0052 14.3377 13.4792 15.3993 13.374L15.3008 12.3789L15.2022 11.3838C13.6736 11.5352 12.0146 12.3431 11.3283 14.0208L12.2539 14.3994Z",fill:h,mask:"url(#".concat(e,")")})]}))}if(u==="orange")return c==="square"?l.jsxs("svg",n(t({width:i,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l.jsx("svg",n(t({width:i,height:i,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:f})}));if(u==="blue")return c==="square"?l.jsxs("svg",n(t({width:i,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l.jsx("svg",n(t({width:i,height:i,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:f})}));if(u==="jade")return c==="square"?l.jsxs("svg",n(t({width:i,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l.jsx("svg",n(t({width:i,height:i,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.66338 7.16347 0.000042 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:f})}));if(u==="white")return c==="square"?l.jsxs("svg",n(t({width:i,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-surface-ink)"})]})):l.jsx("svg",n(t({width:i,height:i,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:f})}))};return L?l.jsxs("div",{className:"flex items-center gap-2",children:[p(),l.jsx("span",{className:"text-breadDisplay-bold mt-1 ".concat(u==="white"?"text-white":"text-text-standard"),children:L})]}):p()}exports.Body=N;exports.Caption=O;exports.Heading1=b;exports.Heading2=M;exports.Heading3=Z;exports.Heading4=y;exports.Heading5=j;exports.LiftedButton=x;exports.Logo=B;exports.Typography=w;exports.fontVariables=g;
|
|
1
|
+
"use strict";function e(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function r(r){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};var n=Object.keys(o);if(typeof Object.getOwnPropertySymbols==="function"){n=n.concat(Object.getOwnPropertySymbols(o).filter(function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))}n.forEach(function(t){e(r,t,o[t])})}return r}function t(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);if(r){o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}t.push.apply(t,o)}return t}function o(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{t(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function n(e,r){if(e==null)return{};var t=a(e,r);var o,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++){o=i[n];if(r.indexOf(o)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,o))continue;t[o]=e[o]}}return t}function a(e,r){if(e==null)return{};var t={};var o=Object.keys(e);var n,a;for(a=0;a<o.length;a++){n=o[a];if(r.indexOf(n)>=0)continue;t[n]=e[n]}return t}function i(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}var C=require("react"),l=require("react/jsx-runtime");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(C);var L={primary:{bg:"--color-primary-orange",text:"--color-paper-main",hoverBg:"--color-orange-1",hoverText:"#ffffff",shadowBg:"#595959"},secondary:{bg:"#FBDED1",text:"--color-primary-orange",hoverBg:"#FFF1EA",hoverText:"--color-primary-orange",shadowBg:"#595959"},destructive:{bg:"--color-system-red",text:"--color-paper-main",hoverBg:"#BF0A00",hoverText:"#ffffff",shadowBg:"#595959"},positive:{bg:"--color-system-green",text:"--color-paper-main",hoverBg:"#2B8F00",hoverText:"#ffffff",shadowBg:"#595959"},stroke:{bg:"--color-paper-main",text:"--color-surface-ink",hoverBg:"--color-paper-2",hoverText:"--color-surface-ink",shadowBg:"#595959"},burn:{bg:"--color-red-0",text:"--color-red-main",hoverBg:"--color-red-1",hoverText:"--color-red-main",shadowBg:"#595959"}};function d(e){return{"--btn-bg":f(e.bg),"--btn-text":f(e.text),"--btn-hover-bg":f(e.hoverBg),"--btn-hover-text":f(e.hoverText),"--btn-shadow":f(e.shadowBg)}}var h={"--color-primary-orange":"#ea6023","--color-paper-main":"#f6f3eb","--color-surface-ink":"#1b201a","--color-system-red":"#df0b00","--color-system-green":"#32a800","--color-orange-1":"#d14a0f","--color-paper-2":"#eae2d6","--color-red-0":"#f7cac2","--color-red-1":"#f4b8ad","--color-red-main":"#df0b00"};function f(e){if(!e)return"";if(e.includes("var("))return e;if(e.startsWith("--")){var r=h[e]||"#000000";return"var(".concat(e,", ").concat(r,")")}return e}var u=["--color-primary-orange","--color-paper-main","--color-surface-ink","--color-system-red","--color-system-green","--color-orange-1","--color-paper-2"],p=false;function v(){if(p||(typeof window==="undefined"?"undefined":i(window))>"u")return;var e=[];u.forEach(function(r){var t=getComputedStyle(document.documentElement).getPropertyValue(r);(!t||t.trim()==="")&&e.push(r)}),e.length>0&&!p&&(p=true,console.warn("\uD83D\uDEA8 @breadcoop/ui: Missing CSS variables detected!\n\nMissing variables: ".concat(e.join(", "),"\n\nTo fix this, import the theme CSS in your main CSS file:\n\n@import '@breadcoop/ui/theme';\n\nOr use the Tailwind preset:\nmodule.exports = { presets: [require('@breadcoop/ui/tailwind-preset')] }")))}process.env.NODE_ENV==="development"&&setTimeout(v,100);var m=function(e,r){if(c.default.isValidElement(e)){var t="".concat(e.props.className||""," ").concat(r).trim();return c.default.cloneElement(e,{className:t})}return e};function x(e){var t=e.children,a=e.leftIcon,i=e.rightIcon,C=e.disabled,s=C===void 0?false:C,h=e.preset,f=h===void 0?"primary":h,u=e.colorOverrides,p=u===void 0?{}:u,x=e.offsetPx,g=x===void 0?4:x,w=e.durationMs,b=w===void 0?300:w,M=e.className,Z=M===void 0?"":M,y=e.type,j=y===void 0?"button":y,N=e.width,O=N===void 0?"auto":N,B=e.scrollTo,H=n(e,["children","leftIcon","rightIcon","disabled","preset","colorOverrides","offsetPx","durationMs","className","type","width","scrollTo"]);c.default.useEffect(function(){v()},[]);var V=r({},L[f],p),k=o(r({},d(V)),{"--btn-offset":"".concat(g,"px"),"--btn-duration":"".concat(b,"ms")}),P=["lifted-button-base",O==="full"?"w-full":"",O==="mobile-full"?"w-full xl:w-auto":""],S=["lifted-button","lifted-button-motion","lifted-button-lifted","lifted-button-active"],E=["lifted-button-disabled"],D=P.concat(s?E:S);D.push(Z);var T=function(e){var r;B&&(e.preventDefault(),(r=document.getElementById(B))===null||r===void 0?void 0:r.scrollIntoView({behavior:"smooth"})),H.onClick&&H.onClick(e)};return l.jsxs("span",{className:[O==="full"?"relative block select-none align-middle":O==="mobile-full"?"relative block md:inline-block select-none align-middle":"relative inline-block select-none align-middle","group"].join(" "),style:k,children:[s?null:l.jsx("span",{"aria-hidden":true,className:"lifted-button-shadow",style:{transform:"translateX(2px) translateY(2px)"}}),l.jsxs("button",o(r({type:j,className:D.join(" "),onClick:T},H),{children:[a?l.jsx("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:m(a,"w-6 h-6")}):null,l.jsx("span",{className:"whitespace-nowrap mt-1 leading-none p-[5px]",children:t}),i?l.jsx("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:m(i,"w-6 h-6")}):null]}))]})}var g={breadDisplay:"--font-breadDisplay",breadBody:"--font-breadBody"},w=function(e){var r=e.variant,t=e.children,o=e.className,n=o===void 0?"":o;var a=["h1","h2","h3"].includes(r)?"font-breadDisplay":"font-breadBody",i={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",body:"text-body",caption:"text-caption"},C=r.startsWith("h")?r:"p";return c.default.createElement(C,{className:"".concat(a," ").concat(i[r]," ").concat(n).trim()},t)},b=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l.jsx(w,{variant:"h1",className:o,children:r})},M=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l.jsx(w,{variant:"h2",className:o,children:r})},Z=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l.jsx(w,{variant:"h3",className:o,children:r})},y=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l.jsx(w,{variant:"h4",className:o,children:r})},j=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l.jsx(w,{variant:"h5",className:o,children:r})},N=function(e){var r=e.children,t=e.className,o=t===void 0?"":t,n=e.bold,a=n===void 0?false:n;return l.jsx(w,{variant:"body",className:"".concat(a?"text-body-bold":""," ").concat(o).trim(),children:r})},O=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l.jsx(w,{variant:"caption",className:o,children:r})};function B(e){var t=e.size,a=t===void 0?32:t,i=e.className,C=i===void 0?"":i,s=e.color,c=e.variant,L=e.text,d=n(e,["size","className","color","variant","text"]);var h=s||"orange",f=h==="blue"?"var(--color-primary-blue)":h==="jade"?"var(--color-primary-jade)":h==="white"?"var(--color-white)":"var(--color-primary-orange)",u=h==="blue"?"var(--color-primary-blue)":h==="jade"?"var(--color-primary-jade)":h==="white"?"var(--color-text-standard)":"var(--color-primary-orange)",p=function(){if(!c)return l.jsx("svg",o(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:f})}));if(c==="line"){var e="logo-mask-".concat(Math.random().toString(36).substr(2,9));return l.jsxs("svg",o(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("mask",{id:e,fill:"white",children:l.jsx("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z"})}),l.jsx("path",{d:"M16 0V-1H16L16 0ZM32 16H33V16L32 16ZM16 32L16 33H16V32ZM0 16L-1 16V16H0ZM19.7451 5.26758L20.4688 4.57736L20.4598 4.56812L19.7451 5.26758ZM11.2129 8.1084L12.2085 8.20259L12.2092 8.19461L11.2129 8.1084ZM4.37207 13.209L3.65396 12.5131L3.63481 12.5328L3.61678 12.5536L4.37207 13.209ZM3.25195 16.6406L2.26049 16.7712L2.26144 16.778L3.25195 16.6406ZM6.47461 20.1816L6.73241 19.2154L6.7221 19.2127L6.71173 19.2102L6.47461 20.1816ZM10.998 22.8066L11.971 22.5757L11.9669 22.5584L11.9622 22.5412L10.998 22.8066ZM12.5215 26.9971L11.8352 27.7244L11.836 27.7252L12.5215 26.9971ZM20.2656 26.001L19.3959 25.5075L19.3849 25.5269L19.3747 25.5468L20.2656 26.001ZM21.0332 23.0723L22.0157 23.2586L22.0171 23.2507L21.0332 23.0723ZM22.834 20.8311L23.1748 21.7712L23.1876 21.7665L23.2004 21.7615L22.834 20.8311ZM27.0664 19.5332L26.5064 18.7047L26.4989 18.7098L26.4915 18.715L27.0664 19.5332ZM28.8203 15.4639L29.809 15.3142L29.8064 15.2968L29.8032 15.2796L28.8203 15.4639ZM28.8174 15.4482V14.4482H27.6125L27.8345 15.6325L28.8174 15.4482ZM28.8184 15.4482V16.4482H29.9832L29.8068 15.2968L28.8184 15.4482ZM25.6309 11.9238L25.3142 12.8724L25.3237 12.8755L25.3332 12.8785L25.6309 11.9238ZM22.7627 11.2588L23.1466 10.3354L23.1327 10.3296L23.1186 10.3243L22.7627 11.2588ZM21.1387 9.43262L20.1759 9.70307L20.1782 9.71101L20.1805 9.71892L21.1387 9.43262ZM15.3008 12.3789L15.3993 13.3741L15.4088 13.3731L15.3008 12.3789ZM20.0713 16.9531L21.0447 17.1822L21.0537 17.1438L21.0597 17.1049L20.0713 16.9531ZM20.0674 16.9697H19.0674L21.0408 17.1988L20.0674 16.9697ZM20.0674 16.9688H21.0674L19.082 16.7985L20.0674 16.9688ZM17.2539 19.6562L17.122 18.665L17.1101 18.6666L17.0983 18.6684L17.2539 19.6562ZM14.4111 19.5625L14.1728 20.5337L14.1797 20.5354L14.4111 19.5625ZM13.1143 18.959L12.4731 19.7264L12.4814 19.7334L12.49 19.7402L13.1143 18.959ZM12.2539 14.3994L11.3283 14.0208L11.3252 14.0286L12.2539 14.3994ZM16 0V1C24.2843 1 31 7.71563 31 16L32 16L33 16C32.9999 6.61107 25.3889 -1 16 -1V0ZM32 16H31C31 24.2844 24.2843 31 16 31V32V33C25.3889 33 33 25.389 33 16H32ZM16 32L16 31C7.71571 31 1 24.2844 1 16H0H-1C-1 25.389 6.61116 33 16 33L16 32ZM0 16L1 16C1.00005 7.71567 7.71575 1.00004 16 1L16 0L16 -1C6.61118 -0.999955 -0.999947 6.61109 -1 16L0 16ZM19.7451 5.26758L20.4598 4.56812C18.6965 2.7665 16.2634 2.2872 14.2021 2.93749C12.1227 3.5935 10.444 5.39498 10.2166 8.02218L11.2129 8.1084L12.2092 8.19461C12.3634 6.41273 13.4586 5.26924 14.8039 4.84482C16.1673 4.41469 17.8095 4.71952 19.0304 5.96704L19.7451 5.26758ZM11.2129 8.1084L10.2173 8.01421C10.109 9.15886 9.83461 9.68838 9.58568 9.9614C9.34081 10.23 8.99785 10.3885 8.41114 10.5209C7.32551 10.766 5.27969 10.8355 3.65396 12.5131L4.37207 13.209L5.09018 13.9049C6.17753 12.7829 7.31401 12.8189 8.85148 12.4719C9.57631 12.3083 10.4051 12.0311 11.0636 11.3089C11.7181 10.5911 12.0786 9.57464 12.2084 8.20259L11.2129 8.1084ZM4.37207 13.209L3.61678 12.5536C2.66159 13.6544 2.05673 15.2241 2.26052 16.7712L3.25195 16.6406L4.24339 16.51C4.12698 15.6263 4.47878 14.6118 5.12736 13.8644L4.37207 13.209ZM3.25195 16.6406L2.26144 16.778C2.55316 18.8811 4.17046 20.6486 6.23749 21.1531L6.47461 20.1816L6.71173 19.2102C5.42925 18.8971 4.41978 17.7815 4.24247 16.5032L3.25195 16.6406ZM6.47461 20.1816L6.21681 21.1478C6.73958 21.2873 7.27149 21.3775 7.70953 21.4598C8.1715 21.5467 8.54298 21.627 8.86229 21.745C9.16975 21.8587 9.39429 21.9956 9.56814 22.1755C9.73965 22.3529 9.90999 22.622 10.0339 23.0721L10.998 22.8066L11.9622 22.5412C11.7639 21.821 11.4458 21.2404 11.0063 20.7856C10.5692 20.3333 10.0603 20.0556 9.55558 19.869C9.06268 19.6869 8.54318 19.5816 8.07914 19.4943C7.59116 19.4025 7.16201 19.3301 6.73241 19.2154L6.47461 20.1816ZM10.998 22.8066L10.0251 23.0376C10.1073 23.3838 10.163 23.728 10.2239 24.1047C10.2827 24.469 10.3476 24.8722 10.4467 25.2708C10.6527 26.0995 11.0161 26.9516 11.8352 27.7244L12.5215 26.9971L13.2078 26.2697C12.7453 25.8334 12.531 25.3651 12.3876 24.7883C12.312 24.4842 12.2593 24.1634 12.1983 23.7857C12.1392 23.4203 12.0728 23.0044 11.971 22.5757L10.998 22.8066ZM12.5215 26.9971L11.836 27.7252C13.1853 28.9953 15.0547 29.5358 16.7937 29.3514C18.5443 29.1658 20.2512 28.2309 21.1565 26.4552L20.2656 26.001L19.3747 25.5468C18.8281 26.6189 17.7819 27.2354 16.5828 27.3625C15.3721 27.4909 14.0955 27.1054 13.2069 26.2689L12.5215 26.9971ZM20.2656 26.001L21.1354 26.4945C21.4599 25.9226 21.6317 25.3247 21.7472 24.7793C21.8474 24.3057 21.9443 23.635 22.0157 23.2586L21.0332 23.0723L20.0507 22.8859C19.9351 23.4953 19.9009 23.8436 19.7905 24.3651C19.6953 24.815 19.5768 25.1886 19.3959 25.5075L20.2656 26.001ZM21.0332 23.0723L22.0171 23.2507C22.1529 22.5025 22.5724 21.9896 23.1748 21.7712L22.834 20.8311L22.4932 19.8909C21.1268 20.3862 20.293 21.55 20.0493 22.8938L21.0332 23.0723ZM22.834 20.8311L23.2004 21.7615C23.7617 21.5405 24.3698 21.4563 25.1903 21.2886C25.9461 21.1342 26.8461 20.9101 27.6413 20.3514L27.0664 19.5332L26.4915 18.715C26.0568 19.0204 25.5088 19.1822 24.7899 19.3291C24.1358 19.4628 23.2427 19.5954 22.4676 19.9006L22.834 20.8311ZM27.0664 19.5332L27.6264 20.3617C29.249 19.2651 30.0964 17.2117 29.809 15.3142L28.8203 15.4639L27.8316 15.6136C28.0079 16.7781 27.465 18.0568 26.5064 18.7047L27.0664 19.5332ZM28.8203 15.4639L29.8032 15.2796L29.8003 15.264L28.8174 15.4482L27.8345 15.6325L27.8374 15.6482L28.8203 15.4639ZM28.8174 15.4482V16.4482H28.8184V15.4482V14.4482H28.8174V15.4482ZM28.8184 15.4482L29.8068 15.2968C29.4867 13.2073 27.8018 11.5531 25.9285 10.9691L25.6309 11.9238L25.3332 12.8785C26.5942 13.2716 27.6431 14.3801 27.8299 15.5997L28.8184 15.4482ZM25.6309 11.9238L25.9475 10.9753C25.3897 10.7891 24.8066 10.7048 24.3513 10.6298C23.861 10.549 23.4814 10.4746 23.1466 10.3354L22.7627 11.2588L22.3788 12.1822C22.9517 12.4204 23.5416 12.5234 24.0261 12.6032C24.5457 12.6888 24.9429 12.7484 25.3142 12.8724L25.6309 11.9238ZM22.7627 11.2588L23.1186 10.3243C22.6345 10.1399 22.2711 9.72964 22.0968 9.14632L21.1387 9.43262L20.1805 9.71892C20.5039 10.8011 21.2529 11.7538 22.4067 12.1933L22.7627 11.2588ZM21.1387 9.43262L22.1014 9.16216C22.0135 8.84923 21.9543 8.5261 21.8961 8.16889C21.8406 7.82768 21.7821 7.42709 21.6996 7.04262C21.5274 6.2409 21.225 5.3704 20.4688 4.57742L19.7451 5.26758L19.0215 5.95774C19.427 6.38293 19.6138 6.85588 19.7441 7.46262C19.8128 7.78237 19.859 8.10225 19.9221 8.49021C19.9827 8.86218 20.0562 9.27694 20.1759 9.70307L21.1387 9.43262ZM15.3008 12.3789L15.4088 13.3731C16.8081 13.221 17.8046 13.5271 18.3855 14.0491C18.9346 14.5425 19.2984 15.3979 19.0829 16.8013L20.0713 16.9531L21.0597 17.1049C21.349 15.2211 20.8989 13.6187 19.7222 12.5614C18.5773 11.5327 16.9362 11.1953 15.1927 11.3848L15.3008 12.3789ZM20.0713 16.9531L19.0979 16.7241L19.094 16.7407L20.0674 16.9697L21.0408 17.1988L21.0447 17.1822L20.0713 16.9531ZM20.0674 16.9697H21.0674V16.9688H20.0674H19.0674V16.9697H20.0674ZM20.0674 16.9688L19.082 16.7985C18.8964 17.8725 18.2036 18.521 17.122 18.665L17.2539 19.6562L17.3858 20.6475C19.3082 20.3917 20.7139 19.1003 21.0528 17.139L20.0674 16.9688ZM17.2539 19.6562L17.0983 18.6684C16.3053 18.7933 15.4018 18.7702 14.6425 18.5896L14.4111 19.5625L14.1797 20.5354C15.2141 20.7814 16.3819 20.8059 17.4095 20.6441L17.2539 19.6562ZM14.4111 19.5625L14.6494 18.5913C14.2619 18.4962 13.9565 18.352 13.7386 18.1778L13.1143 18.959L12.49 19.7402C12.9898 20.1396 13.5812 20.3885 14.1728 20.5337L14.4111 19.5625ZM13.1143 18.959L13.7555 18.1916C13.3655 17.8658 13.0916 17.3369 12.9861 16.6808C12.8808 16.0255 12.9597 15.3286 13.1826 14.7702L12.2539 14.3994L11.3252 14.0286C10.963 14.9358 10.8509 15.9997 11.0115 16.9983C11.1719 17.9961 11.6208 19.0142 12.4731 19.7264L13.1143 18.959ZM12.2539 14.3994L13.1795 14.778C13.4956 14.0052 14.3377 13.4792 15.3993 13.374L15.3008 12.3789L15.2022 11.3838C13.6736 11.5352 12.0146 12.3431 11.3283 14.0208L12.2539 14.3994Z",fill:u,mask:"url(#".concat(e,")")})]}))}if(h==="orange")return c==="square"?l.jsxs("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l.jsx("svg",o(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:f})}));if(h==="blue")return c==="square"?l.jsxs("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l.jsx("svg",o(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:f})}));if(h==="jade")return c==="square"?l.jsxs("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l.jsx("svg",o(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.66338 7.16347 0.000042 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:f})}));if(h==="white")return c==="square"?l.jsxs("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:[l.jsx("rect",{width:"24",height:"24",rx:"1",fill:f}),l.jsx("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-surface-ink)"})]})):l.jsx("svg",o(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},d),{children:l.jsx("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:f})}))};return L?l.jsxs("div",{className:"flex items-center gap-2",children:[p(),l.jsx("span",{className:"text-breadDisplay-bold mt-1 ".concat(h==="white"?"text-white":"text-text-standard"),children:L})]}):p()}exports.Body=N;exports.Caption=O;exports.Heading1=b;exports.Heading2=M;exports.Heading3=Z;exports.Heading4=y;exports.Heading5=j;exports.LiftedButton=x;exports.Logo=B;exports.Typography=w;exports.fontVariables=g;
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function e(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function r(r){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};var o=Object.keys(n);if(typeof Object.getOwnPropertySymbols==="function"){o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))}o.forEach(function(t){e(r,t,n[t])})}return r}function t(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(r){n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}t.push.apply(t,n)}return t}function n(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{t(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function o(e,r){if(e==null)return{};var t=a(e,r);var n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++){n=i[o];if(r.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;t[n]=e[n]}}return t}function a(e,r){if(e==null)return{};var t={};var n=Object.keys(e);var o,a;for(a=0;a<n.length;a++){o=n[a];if(r.indexOf(o)>=0)continue;t[o]=e[o]}return t}function i(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}import C from"react";import{jsx as l,jsxs as c}from"react/jsx-runtime";var s={primary:{bg:"--color-primary-orange",text:"--color-paper-main",hoverBg:"--color-orange-1",hoverText:"#ffffff",shadowBg:"#595959"},secondary:{bg:"#FBDED1",text:"--color-primary-orange",hoverBg:"#FFF1EA",hoverText:"--color-primary-orange",shadowBg:"#595959"},destructive:{bg:"--color-system-red",text:"--color-paper-main",hoverBg:"#BF0A00",hoverText:"#ffffff",shadowBg:"#595959"},positive:{bg:"--color-system-green",text:"--color-paper-main",hoverBg:"#2B8F00",hoverText:"#ffffff",shadowBg:"#595959"},stroke:{bg:"--color-paper-main",text:"--color-surface-ink",hoverBg:"--color-paper-2",hoverText:"--color-surface-ink",shadowBg:"#595959"}};function L(e){return{"--btn-bg":h(e.bg),"--btn-text":h(e.text),"--btn-hover-bg":h(e.hoverBg),"--btn-hover-text":h(e.hoverText),"--btn-shadow":h(e.shadowBg)}}var d={"--color-primary-orange":"#ea6023","--color-paper-main":"#f6f3eb","--color-surface-ink":"#1b201a","--color-system-red":"#df0b00","--color-system-green":"#32a800","--color-orange-1":"#d14a0f","--color-paper-2":"#eae2d6"};function h(e){if(!e)return"";if(e.includes("var("))return e;if(e.startsWith("--")){var r=d[e]||"#000000";return"var(".concat(e,", ").concat(r,")")}return e}var f=["--color-primary-orange","--color-paper-main","--color-surface-ink","--color-system-red","--color-system-green","--color-orange-1","--color-paper-2"],u=false;function p(){if(u||(typeof window==="undefined"?"undefined":i(window))>"u")return;var e=[];f.forEach(function(r){var t=getComputedStyle(document.documentElement).getPropertyValue(r);(!t||t.trim()==="")&&e.push(r)}),e.length>0&&!u&&(u=true,console.warn("\uD83D\uDEA8 @breadcoop/ui: Missing CSS variables detected!\n\nMissing variables: ".concat(e.join(", "),"\n\nTo fix this, import the theme CSS in your main CSS file:\n\n@import '@breadcoop/ui/theme';\n\nOr use the Tailwind preset:\nmodule.exports = { presets: [require('@breadcoop/ui/tailwind-preset')] }")))}process.env.NODE_ENV==="development"&&setTimeout(p,100);var v=function(e,r){if(C.isValidElement(e)){var t="".concat(e.props.className||""," ").concat(r).trim();return C.cloneElement(e,{className:t})}return e};function m(e){var t=e.children,a=e.leftIcon,i=e.rightIcon,d=e.disabled,h=d===void 0?false:d,f=e.preset,u=f===void 0?"primary":f,m=e.colorOverrides,g=m===void 0?{}:m,w=e.offsetPx,b=w===void 0?4:w,M=e.durationMs,Z=M===void 0?300:M,y=e.className,x=y===void 0?"":y,N=e.type,O=N===void 0?"button":N,j=e.width,B=j===void 0?"auto":j,H=e.scrollTo,V=o(e,["children","leftIcon","rightIcon","disabled","preset","colorOverrides","offsetPx","durationMs","className","type","width","scrollTo"]);C.useEffect(function(){p()},[]);var k=r({},s[u],g),P=n(r({},L(k)),{"--btn-offset":"".concat(b,"px"),"--btn-duration":"".concat(Z,"ms")}),S=["lifted-button-base",B==="full"?"w-full":"",B==="mobile-full"?"w-full xl:w-auto":""],E=[function(e){switch(e){case"primary":return"lifted-button-primary";case"secondary":return"lifted-button-secondary";case"destructive":return"lifted-button-destructive";case"positive":return"lifted-button-positive";case"stroke":return"lifted-button-stroke";default:return"lifted-button-primary"}}(u),"lifted-button-motion","lifted-button-lifted","lifted-button-active"],D=["lifted-button-disabled"],T=S.concat(h?D:E);T.push(x);var I=function(e){var r;H&&(e.preventDefault(),(r=document.getElementById(H))===null||r===void 0?void 0:r.scrollIntoView({behavior:"smooth"})),V.onClick&&V.onClick(e)};return c("span",{className:[B==="full"?"relative block select-none align-middle":B==="mobile-full"?"relative block md:inline-block select-none align-middle":"relative inline-block select-none align-middle","group"].join(" "),style:P,children:[h?null:l("span",{"aria-hidden":true,className:"lifted-button-shadow",style:{transform:"translateX(2px) translateY(2px)"}}),c("button",n(r({type:O,className:T.join(" "),onClick:I},V),{children:[a?l("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:v(a,"w-6 h-6")}):null,l("span",{className:"whitespace-nowrap mt-1 leading-none p-[5px]",children:t}),i?l("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:v(i,"w-6 h-6")}):null]}))]})}var g={breadDisplay:"--font-breadDisplay",breadBody:"--font-breadBody"},w=function(e){var r=e.variant,t=e.children,n=e.className,o=n===void 0?"":n;var a=["h1","h2","h3"].includes(r)?"font-breadDisplay":"font-breadBody",i={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",body:"text-body",caption:"text-caption"},l=r.startsWith("h")?r:"p";return C.createElement(l,{className:"".concat(a," ").concat(i[r]," ").concat(o).trim()},t)},b=function(e){var r=e.children,t=e.className,n=t===void 0?"":t;return l(w,{variant:"h1",className:n,children:r})},M=function(e){var r=e.children,t=e.className,n=t===void 0?"":t;return l(w,{variant:"h2",className:n,children:r})},Z=function(e){var r=e.children,t=e.className,n=t===void 0?"":t;return l(w,{variant:"h3",className:n,children:r})},y=function(e){var r=e.children,t=e.className,n=t===void 0?"":t;return l(w,{variant:"h4",className:n,children:r})},x=function(e){var r=e.children,t=e.className,n=t===void 0?"":t;return l(w,{variant:"h5",className:n,children:r})},N=function(e){var r=e.children,t=e.className,n=t===void 0?"":t,o=e.bold,a=o===void 0?false:o;return l(w,{variant:"body",className:"".concat(a?"text-body-bold":""," ").concat(n).trim(),children:r})},O=function(e){var r=e.children,t=e.className,n=t===void 0?"":t;return l(w,{variant:"caption",className:n,children:r})};function j(e){var t=e.size,a=t===void 0?32:t,i=e.className,C=i===void 0?"":i,s=e.color,L=e.variant,d=e.text,h=o(e,["size","className","color","variant","text"]);var f=s||"orange",u=f==="blue"?"var(--color-primary-blue)":f==="jade"?"var(--color-primary-jade)":f==="white"?"var(--color-white)":"var(--color-primary-orange)",p=f==="blue"?"var(--color-primary-blue)":f==="jade"?"var(--color-primary-jade)":f==="white"?"var(--color-black)":"var(--color-primary-orange)",v=function(){if(!L)return l("svg",n(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:u})}));if(L==="line"){var e="logo-mask-".concat(Math.random().toString(36).substr(2,9));return c("svg",n(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("mask",{id:e,fill:"white",children:l("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z"})}),l("path",{d:"M16 0V-1H16L16 0ZM32 16H33V16L32 16ZM16 32L16 33H16V32ZM0 16L-1 16V16H0ZM19.7451 5.26758L20.4688 4.57736L20.4598 4.56812L19.7451 5.26758ZM11.2129 8.1084L12.2085 8.20259L12.2092 8.19461L11.2129 8.1084ZM4.37207 13.209L3.65396 12.5131L3.63481 12.5328L3.61678 12.5536L4.37207 13.209ZM3.25195 16.6406L2.26049 16.7712L2.26144 16.778L3.25195 16.6406ZM6.47461 20.1816L6.73241 19.2154L6.7221 19.2127L6.71173 19.2102L6.47461 20.1816ZM10.998 22.8066L11.971 22.5757L11.9669 22.5584L11.9622 22.5412L10.998 22.8066ZM12.5215 26.9971L11.8352 27.7244L11.836 27.7252L12.5215 26.9971ZM20.2656 26.001L19.3959 25.5075L19.3849 25.5269L19.3747 25.5468L20.2656 26.001ZM21.0332 23.0723L22.0157 23.2586L22.0171 23.2507L21.0332 23.0723ZM22.834 20.8311L23.1748 21.7712L23.1876 21.7665L23.2004 21.7615L22.834 20.8311ZM27.0664 19.5332L26.5064 18.7047L26.4989 18.7098L26.4915 18.715L27.0664 19.5332ZM28.8203 15.4639L29.809 15.3142L29.8064 15.2968L29.8032 15.2796L28.8203 15.4639ZM28.8174 15.4482V14.4482H27.6125L27.8345 15.6325L28.8174 15.4482ZM28.8184 15.4482V16.4482H29.9832L29.8068 15.2968L28.8184 15.4482ZM25.6309 11.9238L25.3142 12.8724L25.3237 12.8755L25.3332 12.8785L25.6309 11.9238ZM22.7627 11.2588L23.1466 10.3354L23.1327 10.3296L23.1186 10.3243L22.7627 11.2588ZM21.1387 9.43262L20.1759 9.70307L20.1782 9.71101L20.1805 9.71892L21.1387 9.43262ZM15.3008 12.3789L15.3993 13.3741L15.4088 13.3731L15.3008 12.3789ZM20.0713 16.9531L21.0447 17.1822L21.0537 17.1438L21.0597 17.1049L20.0713 16.9531ZM20.0674 16.9697H19.0674L21.0408 17.1988L20.0674 16.9697ZM20.0674 16.9688H21.0674L19.082 16.7985L20.0674 16.9688ZM17.2539 19.6562L17.122 18.665L17.1101 18.6666L17.0983 18.6684L17.2539 19.6562ZM14.4111 19.5625L14.1728 20.5337L14.1797 20.5354L14.4111 19.5625ZM13.1143 18.959L12.4731 19.7264L12.4814 19.7334L12.49 19.7402L13.1143 18.959ZM12.2539 14.3994L11.3283 14.0208L11.3252 14.0286L12.2539 14.3994ZM16 0V1C24.2843 1 31 7.71563 31 16L32 16L33 16C32.9999 6.61107 25.3889 -1 16 -1V0ZM32 16H31C31 24.2844 24.2843 31 16 31V32V33C25.3889 33 33 25.389 33 16H32ZM16 32L16 31C7.71571 31 1 24.2844 1 16H0H-1C-1 25.389 6.61116 33 16 33L16 32ZM0 16L1 16C1.00005 7.71567 7.71575 1.00004 16 1L16 0L16 -1C6.61118 -0.999955 -0.999947 6.61109 -1 16L0 16ZM19.7451 5.26758L20.4598 4.56812C18.6965 2.7665 16.2634 2.2872 14.2021 2.93749C12.1227 3.5935 10.444 5.39498 10.2166 8.02218L11.2129 8.1084L12.2092 8.19461C12.3634 6.41273 13.4586 5.26924 14.8039 4.84482C16.1673 4.41469 17.8095 4.71952 19.0304 5.96704L19.7451 5.26758ZM11.2129 8.1084L10.2173 8.01421C10.109 9.15886 9.83461 9.68838 9.58568 9.9614C9.34081 10.23 8.99785 10.3885 8.41114 10.5209C7.32551 10.766 5.27969 10.8355 3.65396 12.5131L4.37207 13.209L5.09018 13.9049C6.17753 12.7829 7.31401 12.8189 8.85148 12.4719C9.57631 12.3083 10.4051 12.0311 11.0636 11.3089C11.7181 10.5911 12.0786 9.57464 12.2084 8.20259L11.2129 8.1084ZM4.37207 13.209L3.61678 12.5536C2.66159 13.6544 2.05673 15.2241 2.26052 16.7712L3.25195 16.6406L4.24339 16.51C4.12698 15.6263 4.47878 14.6118 5.12736 13.8644L4.37207 13.209ZM3.25195 16.6406L2.26144 16.778C2.55316 18.8811 4.17046 20.6486 6.23749 21.1531L6.47461 20.1816L6.71173 19.2102C5.42925 18.8971 4.41978 17.7815 4.24247 16.5032L3.25195 16.6406ZM6.47461 20.1816L6.21681 21.1478C6.73958 21.2873 7.27149 21.3775 7.70953 21.4598C8.1715 21.5467 8.54298 21.627 8.86229 21.745C9.16975 21.8587 9.39429 21.9956 9.56814 22.1755C9.73965 22.3529 9.90999 22.622 10.0339 23.0721L10.998 22.8066L11.9622 22.5412C11.7639 21.821 11.4458 21.2404 11.0063 20.7856C10.5692 20.3333 10.0603 20.0556 9.55558 19.869C9.06268 19.6869 8.54318 19.5816 8.07914 19.4943C7.59116 19.4025 7.16201 19.3301 6.73241 19.2154L6.47461 20.1816ZM10.998 22.8066L10.0251 23.0376C10.1073 23.3838 10.163 23.728 10.2239 24.1047C10.2827 24.469 10.3476 24.8722 10.4467 25.2708C10.6527 26.0995 11.0161 26.9516 11.8352 27.7244L12.5215 26.9971L13.2078 26.2697C12.7453 25.8334 12.531 25.3651 12.3876 24.7883C12.312 24.4842 12.2593 24.1634 12.1983 23.7857C12.1392 23.4203 12.0728 23.0044 11.971 22.5757L10.998 22.8066ZM12.5215 26.9971L11.836 27.7252C13.1853 28.9953 15.0547 29.5358 16.7937 29.3514C18.5443 29.1658 20.2512 28.2309 21.1565 26.4552L20.2656 26.001L19.3747 25.5468C18.8281 26.6189 17.7819 27.2354 16.5828 27.3625C15.3721 27.4909 14.0955 27.1054 13.2069 26.2689L12.5215 26.9971ZM20.2656 26.001L21.1354 26.4945C21.4599 25.9226 21.6317 25.3247 21.7472 24.7793C21.8474 24.3057 21.9443 23.635 22.0157 23.2586L21.0332 23.0723L20.0507 22.8859C19.9351 23.4953 19.9009 23.8436 19.7905 24.3651C19.6953 24.815 19.5768 25.1886 19.3959 25.5075L20.2656 26.001ZM21.0332 23.0723L22.0171 23.2507C22.1529 22.5025 22.5724 21.9896 23.1748 21.7712L22.834 20.8311L22.4932 19.8909C21.1268 20.3862 20.293 21.55 20.0493 22.8938L21.0332 23.0723ZM22.834 20.8311L23.2004 21.7615C23.7617 21.5405 24.3698 21.4563 25.1903 21.2886C25.9461 21.1342 26.8461 20.9101 27.6413 20.3514L27.0664 19.5332L26.4915 18.715C26.0568 19.0204 25.5088 19.1822 24.7899 19.3291C24.1358 19.4628 23.2427 19.5954 22.4676 19.9006L22.834 20.8311ZM27.0664 19.5332L27.6264 20.3617C29.249 19.2651 30.0964 17.2117 29.809 15.3142L28.8203 15.4639L27.8316 15.6136C28.0079 16.7781 27.465 18.0568 26.5064 18.7047L27.0664 19.5332ZM28.8203 15.4639L29.8032 15.2796L29.8003 15.264L28.8174 15.4482L27.8345 15.6325L27.8374 15.6482L28.8203 15.4639ZM28.8174 15.4482V16.4482H28.8184V15.4482V14.4482H28.8174V15.4482ZM28.8184 15.4482L29.8068 15.2968C29.4867 13.2073 27.8018 11.5531 25.9285 10.9691L25.6309 11.9238L25.3332 12.8785C26.5942 13.2716 27.6431 14.3801 27.8299 15.5997L28.8184 15.4482ZM25.6309 11.9238L25.9475 10.9753C25.3897 10.7891 24.8066 10.7048 24.3513 10.6298C23.861 10.549 23.4814 10.4746 23.1466 10.3354L22.7627 11.2588L22.3788 12.1822C22.9517 12.4204 23.5416 12.5234 24.0261 12.6032C24.5457 12.6888 24.9429 12.7484 25.3142 12.8724L25.6309 11.9238ZM22.7627 11.2588L23.1186 10.3243C22.6345 10.1399 22.2711 9.72964 22.0968 9.14632L21.1387 9.43262L20.1805 9.71892C20.5039 10.8011 21.2529 11.7538 22.4067 12.1933L22.7627 11.2588ZM21.1387 9.43262L22.1014 9.16216C22.0135 8.84923 21.9543 8.5261 21.8961 8.16889C21.8406 7.82768 21.7821 7.42709 21.6996 7.04262C21.5274 6.2409 21.225 5.3704 20.4688 4.57742L19.7451 5.26758L19.0215 5.95774C19.427 6.38293 19.6138 6.85588 19.7441 7.46262C19.8128 7.78237 19.859 8.10225 19.9221 8.49021C19.9827 8.86218 20.0562 9.27694 20.1759 9.70307L21.1387 9.43262ZM15.3008 12.3789L15.4088 13.3731C16.8081 13.221 17.8046 13.5271 18.3855 14.0491C18.9346 14.5425 19.2984 15.3979 19.0829 16.8013L20.0713 16.9531L21.0597 17.1049C21.349 15.2211 20.8989 13.6187 19.7222 12.5614C18.5773 11.5327 16.9362 11.1953 15.1927 11.3848L15.3008 12.3789ZM20.0713 16.9531L19.0979 16.7241L19.094 16.7407L20.0674 16.9697L21.0408 17.1988L21.0447 17.1822L20.0713 16.9531ZM20.0674 16.9697H21.0674V16.9688H20.0674H19.0674V16.9697H20.0674ZM20.0674 16.9688L19.082 16.7985C18.8964 17.8725 18.2036 18.521 17.122 18.665L17.2539 19.6562L17.3858 20.6475C19.3082 20.3917 20.7139 19.1003 21.0528 17.139L20.0674 16.9688ZM17.2539 19.6562L17.0983 18.6684C16.3053 18.7933 15.4018 18.7702 14.6425 18.5896L14.4111 19.5625L14.1797 20.5354C15.2141 20.7814 16.3819 20.8059 17.4095 20.6441L17.2539 19.6562ZM14.4111 19.5625L14.6494 18.5913C14.2619 18.4962 13.9565 18.352 13.7386 18.1778L13.1143 18.959L12.49 19.7402C12.9898 20.1396 13.5812 20.3885 14.1728 20.5337L14.4111 19.5625ZM13.1143 18.959L13.7555 18.1916C13.3655 17.8658 13.0916 17.3369 12.9861 16.6808C12.8808 16.0255 12.9597 15.3286 13.1826 14.7702L12.2539 14.3994L11.3252 14.0286C10.963 14.9358 10.8509 15.9997 11.0115 16.9983C11.1719 17.9961 11.6208 19.0142 12.4731 19.7264L13.1143 18.959ZM12.2539 14.3994L13.1795 14.778C13.4956 14.0052 14.3377 13.4792 15.3993 13.374L15.3008 12.3789L15.2022 11.3838C13.6736 11.5352 12.0146 12.3431 11.3283 14.0208L12.2539 14.3994Z",fill:p,mask:"url(#".concat(e,")")})]}))}if(f==="orange")return L==="square"?c("svg",n(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l("svg",n(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:u})}));if(f==="blue")return L==="square"?c("svg",n(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l("svg",n(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:u})}));if(f==="jade")return L==="square"?c("svg",n(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l("svg",n(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.66338 7.16347 0.000042 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:u})}));if(f==="white")return L==="square"?c("svg",n(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-surface-ink)"})]})):l("svg",n(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:u})}))};return d?c("div",{className:"flex items-center gap-2",children:[v(),l("span",{className:"text-breadDisplay-bold mt-1 ".concat(f==="white"?"text-white":"text-text-standard"),children:d})]}):v()}export{N as Body,O as Caption,b as Heading1,M as Heading2,Z as Heading3,y as Heading4,x as Heading5,m as LiftedButton,j as Logo,w as Typography,g as fontVariables};
|
|
1
|
+
function e(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function r(r){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};var n=Object.keys(o);if(typeof Object.getOwnPropertySymbols==="function"){n=n.concat(Object.getOwnPropertySymbols(o).filter(function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))}n.forEach(function(t){e(r,t,o[t])})}return r}function t(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);if(r){o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}t.push.apply(t,o)}return t}function o(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{t(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function n(e,r){if(e==null)return{};var t=a(e,r);var o,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++){o=i[n];if(r.indexOf(o)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,o))continue;t[o]=e[o]}}return t}function a(e,r){if(e==null)return{};var t={};var o=Object.keys(e);var n,a;for(a=0;a<o.length;a++){n=o[a];if(r.indexOf(n)>=0)continue;t[n]=e[n]}return t}function i(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}import C from"react";import{jsx as l,jsxs as c}from"react/jsx-runtime";var s={primary:{bg:"--color-primary-orange",text:"--color-paper-main",hoverBg:"--color-orange-1",hoverText:"#ffffff",shadowBg:"#595959"},secondary:{bg:"#FBDED1",text:"--color-primary-orange",hoverBg:"#FFF1EA",hoverText:"--color-primary-orange",shadowBg:"#595959"},destructive:{bg:"--color-system-red",text:"--color-paper-main",hoverBg:"#BF0A00",hoverText:"#ffffff",shadowBg:"#595959"},positive:{bg:"--color-system-green",text:"--color-paper-main",hoverBg:"#2B8F00",hoverText:"#ffffff",shadowBg:"#595959"},stroke:{bg:"--color-paper-main",text:"--color-surface-ink",hoverBg:"--color-paper-2",hoverText:"--color-surface-ink",shadowBg:"#595959"},burn:{bg:"--color-red-0",text:"--color-red-main",hoverBg:"--color-red-1",hoverText:"--color-red-main",shadowBg:"#595959"}};function L(e){return{"--btn-bg":h(e.bg),"--btn-text":h(e.text),"--btn-hover-bg":h(e.hoverBg),"--btn-hover-text":h(e.hoverText),"--btn-shadow":h(e.shadowBg)}}var d={"--color-primary-orange":"#ea6023","--color-paper-main":"#f6f3eb","--color-surface-ink":"#1b201a","--color-system-red":"#df0b00","--color-system-green":"#32a800","--color-orange-1":"#d14a0f","--color-paper-2":"#eae2d6","--color-red-0":"#f7cac2","--color-red-1":"#f4b8ad","--color-red-main":"#df0b00"};function h(e){if(!e)return"";if(e.includes("var("))return e;if(e.startsWith("--")){var r=d[e]||"#000000";return"var(".concat(e,", ").concat(r,")")}return e}var f=["--color-primary-orange","--color-paper-main","--color-surface-ink","--color-system-red","--color-system-green","--color-orange-1","--color-paper-2"],u=false;function p(){if(u||(typeof window==="undefined"?"undefined":i(window))>"u")return;var e=[];f.forEach(function(r){var t=getComputedStyle(document.documentElement).getPropertyValue(r);(!t||t.trim()==="")&&e.push(r)}),e.length>0&&!u&&(u=true,console.warn("\uD83D\uDEA8 @breadcoop/ui: Missing CSS variables detected!\n\nMissing variables: ".concat(e.join(", "),"\n\nTo fix this, import the theme CSS in your main CSS file:\n\n@import '@breadcoop/ui/theme';\n\nOr use the Tailwind preset:\nmodule.exports = { presets: [require('@breadcoop/ui/tailwind-preset')] }")))}process.env.NODE_ENV==="development"&&setTimeout(p,100);var v=function(e,r){if(C.isValidElement(e)){var t="".concat(e.props.className||""," ").concat(r).trim();return C.cloneElement(e,{className:t})}return e};function m(e){var t=e.children,a=e.leftIcon,i=e.rightIcon,d=e.disabled,h=d===void 0?false:d,f=e.preset,u=f===void 0?"primary":f,m=e.colorOverrides,g=m===void 0?{}:m,w=e.offsetPx,b=w===void 0?4:w,M=e.durationMs,Z=M===void 0?300:M,y=e.className,x=y===void 0?"":y,N=e.type,O=N===void 0?"button":N,B=e.width,j=B===void 0?"auto":B,H=e.scrollTo,V=n(e,["children","leftIcon","rightIcon","disabled","preset","colorOverrides","offsetPx","durationMs","className","type","width","scrollTo"]);C.useEffect(function(){p()},[]);var k=r({},s[u],g),P=o(r({},L(k)),{"--btn-offset":"".concat(b,"px"),"--btn-duration":"".concat(Z,"ms")}),S=["lifted-button-base",j==="full"?"w-full":"",j==="mobile-full"?"w-full xl:w-auto":""],E=["lifted-button","lifted-button-motion","lifted-button-lifted","lifted-button-active"],D=["lifted-button-disabled"],T=S.concat(h?D:E);T.push(x);var I=function(e){var r;H&&(e.preventDefault(),(r=document.getElementById(H))===null||r===void 0?void 0:r.scrollIntoView({behavior:"smooth"})),V.onClick&&V.onClick(e)};return c("span",{className:[j==="full"?"relative block select-none align-middle":j==="mobile-full"?"relative block md:inline-block select-none align-middle":"relative inline-block select-none align-middle","group"].join(" "),style:P,children:[h?null:l("span",{"aria-hidden":true,className:"lifted-button-shadow",style:{transform:"translateX(2px) translateY(2px)"}}),c("button",o(r({type:O,className:T.join(" "),onClick:I},V),{children:[a?l("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:v(a,"w-6 h-6")}):null,l("span",{className:"whitespace-nowrap mt-1 leading-none p-[5px]",children:t}),i?l("span",{className:"shrink-0 py-[5px] flex items-center justify-center","aria-hidden":true,children:v(i,"w-6 h-6")}):null]}))]})}var g={breadDisplay:"--font-breadDisplay",breadBody:"--font-breadBody"},w=function(e){var r=e.variant,t=e.children,o=e.className,n=o===void 0?"":o;var a=["h1","h2","h3"].includes(r)?"font-breadDisplay":"font-breadBody",i={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",body:"text-body",caption:"text-caption"},l=r.startsWith("h")?r:"p";return C.createElement(l,{className:"".concat(a," ").concat(i[r]," ").concat(n).trim()},t)},b=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l(w,{variant:"h1",className:o,children:r})},M=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l(w,{variant:"h2",className:o,children:r})},Z=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l(w,{variant:"h3",className:o,children:r})},y=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l(w,{variant:"h4",className:o,children:r})},x=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l(w,{variant:"h5",className:o,children:r})},N=function(e){var r=e.children,t=e.className,o=t===void 0?"":t,n=e.bold,a=n===void 0?false:n;return l(w,{variant:"body",className:"".concat(a?"text-body-bold":""," ").concat(o).trim(),children:r})},O=function(e){var r=e.children,t=e.className,o=t===void 0?"":t;return l(w,{variant:"caption",className:o,children:r})};function B(e){var t=e.size,a=t===void 0?32:t,i=e.className,C=i===void 0?"":i,s=e.color,L=e.variant,d=e.text,h=n(e,["size","className","color","variant","text"]);var f=s||"orange",u=f==="blue"?"var(--color-primary-blue)":f==="jade"?"var(--color-primary-jade)":f==="white"?"var(--color-white)":"var(--color-primary-orange)",p=f==="blue"?"var(--color-primary-blue)":f==="jade"?"var(--color-primary-jade)":f==="white"?"var(--color-text-standard)":"var(--color-primary-orange)",v=function(){if(!L)return l("svg",o(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:u})}));if(L==="line"){var e="logo-mask-".concat(Math.random().toString(36).substr(2,9));return c("svg",o(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("mask",{id:e,fill:"white",children:l("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z"})}),l("path",{d:"M16 0V-1H16L16 0ZM32 16H33V16L32 16ZM16 32L16 33H16V32ZM0 16L-1 16V16H0ZM19.7451 5.26758L20.4688 4.57736L20.4598 4.56812L19.7451 5.26758ZM11.2129 8.1084L12.2085 8.20259L12.2092 8.19461L11.2129 8.1084ZM4.37207 13.209L3.65396 12.5131L3.63481 12.5328L3.61678 12.5536L4.37207 13.209ZM3.25195 16.6406L2.26049 16.7712L2.26144 16.778L3.25195 16.6406ZM6.47461 20.1816L6.73241 19.2154L6.7221 19.2127L6.71173 19.2102L6.47461 20.1816ZM10.998 22.8066L11.971 22.5757L11.9669 22.5584L11.9622 22.5412L10.998 22.8066ZM12.5215 26.9971L11.8352 27.7244L11.836 27.7252L12.5215 26.9971ZM20.2656 26.001L19.3959 25.5075L19.3849 25.5269L19.3747 25.5468L20.2656 26.001ZM21.0332 23.0723L22.0157 23.2586L22.0171 23.2507L21.0332 23.0723ZM22.834 20.8311L23.1748 21.7712L23.1876 21.7665L23.2004 21.7615L22.834 20.8311ZM27.0664 19.5332L26.5064 18.7047L26.4989 18.7098L26.4915 18.715L27.0664 19.5332ZM28.8203 15.4639L29.809 15.3142L29.8064 15.2968L29.8032 15.2796L28.8203 15.4639ZM28.8174 15.4482V14.4482H27.6125L27.8345 15.6325L28.8174 15.4482ZM28.8184 15.4482V16.4482H29.9832L29.8068 15.2968L28.8184 15.4482ZM25.6309 11.9238L25.3142 12.8724L25.3237 12.8755L25.3332 12.8785L25.6309 11.9238ZM22.7627 11.2588L23.1466 10.3354L23.1327 10.3296L23.1186 10.3243L22.7627 11.2588ZM21.1387 9.43262L20.1759 9.70307L20.1782 9.71101L20.1805 9.71892L21.1387 9.43262ZM15.3008 12.3789L15.3993 13.3741L15.4088 13.3731L15.3008 12.3789ZM20.0713 16.9531L21.0447 17.1822L21.0537 17.1438L21.0597 17.1049L20.0713 16.9531ZM20.0674 16.9697H19.0674L21.0408 17.1988L20.0674 16.9697ZM20.0674 16.9688H21.0674L19.082 16.7985L20.0674 16.9688ZM17.2539 19.6562L17.122 18.665L17.1101 18.6666L17.0983 18.6684L17.2539 19.6562ZM14.4111 19.5625L14.1728 20.5337L14.1797 20.5354L14.4111 19.5625ZM13.1143 18.959L12.4731 19.7264L12.4814 19.7334L12.49 19.7402L13.1143 18.959ZM12.2539 14.3994L11.3283 14.0208L11.3252 14.0286L12.2539 14.3994ZM16 0V1C24.2843 1 31 7.71563 31 16L32 16L33 16C32.9999 6.61107 25.3889 -1 16 -1V0ZM32 16H31C31 24.2844 24.2843 31 16 31V32V33C25.3889 33 33 25.389 33 16H32ZM16 32L16 31C7.71571 31 1 24.2844 1 16H0H-1C-1 25.389 6.61116 33 16 33L16 32ZM0 16L1 16C1.00005 7.71567 7.71575 1.00004 16 1L16 0L16 -1C6.61118 -0.999955 -0.999947 6.61109 -1 16L0 16ZM19.7451 5.26758L20.4598 4.56812C18.6965 2.7665 16.2634 2.2872 14.2021 2.93749C12.1227 3.5935 10.444 5.39498 10.2166 8.02218L11.2129 8.1084L12.2092 8.19461C12.3634 6.41273 13.4586 5.26924 14.8039 4.84482C16.1673 4.41469 17.8095 4.71952 19.0304 5.96704L19.7451 5.26758ZM11.2129 8.1084L10.2173 8.01421C10.109 9.15886 9.83461 9.68838 9.58568 9.9614C9.34081 10.23 8.99785 10.3885 8.41114 10.5209C7.32551 10.766 5.27969 10.8355 3.65396 12.5131L4.37207 13.209L5.09018 13.9049C6.17753 12.7829 7.31401 12.8189 8.85148 12.4719C9.57631 12.3083 10.4051 12.0311 11.0636 11.3089C11.7181 10.5911 12.0786 9.57464 12.2084 8.20259L11.2129 8.1084ZM4.37207 13.209L3.61678 12.5536C2.66159 13.6544 2.05673 15.2241 2.26052 16.7712L3.25195 16.6406L4.24339 16.51C4.12698 15.6263 4.47878 14.6118 5.12736 13.8644L4.37207 13.209ZM3.25195 16.6406L2.26144 16.778C2.55316 18.8811 4.17046 20.6486 6.23749 21.1531L6.47461 20.1816L6.71173 19.2102C5.42925 18.8971 4.41978 17.7815 4.24247 16.5032L3.25195 16.6406ZM6.47461 20.1816L6.21681 21.1478C6.73958 21.2873 7.27149 21.3775 7.70953 21.4598C8.1715 21.5467 8.54298 21.627 8.86229 21.745C9.16975 21.8587 9.39429 21.9956 9.56814 22.1755C9.73965 22.3529 9.90999 22.622 10.0339 23.0721L10.998 22.8066L11.9622 22.5412C11.7639 21.821 11.4458 21.2404 11.0063 20.7856C10.5692 20.3333 10.0603 20.0556 9.55558 19.869C9.06268 19.6869 8.54318 19.5816 8.07914 19.4943C7.59116 19.4025 7.16201 19.3301 6.73241 19.2154L6.47461 20.1816ZM10.998 22.8066L10.0251 23.0376C10.1073 23.3838 10.163 23.728 10.2239 24.1047C10.2827 24.469 10.3476 24.8722 10.4467 25.2708C10.6527 26.0995 11.0161 26.9516 11.8352 27.7244L12.5215 26.9971L13.2078 26.2697C12.7453 25.8334 12.531 25.3651 12.3876 24.7883C12.312 24.4842 12.2593 24.1634 12.1983 23.7857C12.1392 23.4203 12.0728 23.0044 11.971 22.5757L10.998 22.8066ZM12.5215 26.9971L11.836 27.7252C13.1853 28.9953 15.0547 29.5358 16.7937 29.3514C18.5443 29.1658 20.2512 28.2309 21.1565 26.4552L20.2656 26.001L19.3747 25.5468C18.8281 26.6189 17.7819 27.2354 16.5828 27.3625C15.3721 27.4909 14.0955 27.1054 13.2069 26.2689L12.5215 26.9971ZM20.2656 26.001L21.1354 26.4945C21.4599 25.9226 21.6317 25.3247 21.7472 24.7793C21.8474 24.3057 21.9443 23.635 22.0157 23.2586L21.0332 23.0723L20.0507 22.8859C19.9351 23.4953 19.9009 23.8436 19.7905 24.3651C19.6953 24.815 19.5768 25.1886 19.3959 25.5075L20.2656 26.001ZM21.0332 23.0723L22.0171 23.2507C22.1529 22.5025 22.5724 21.9896 23.1748 21.7712L22.834 20.8311L22.4932 19.8909C21.1268 20.3862 20.293 21.55 20.0493 22.8938L21.0332 23.0723ZM22.834 20.8311L23.2004 21.7615C23.7617 21.5405 24.3698 21.4563 25.1903 21.2886C25.9461 21.1342 26.8461 20.9101 27.6413 20.3514L27.0664 19.5332L26.4915 18.715C26.0568 19.0204 25.5088 19.1822 24.7899 19.3291C24.1358 19.4628 23.2427 19.5954 22.4676 19.9006L22.834 20.8311ZM27.0664 19.5332L27.6264 20.3617C29.249 19.2651 30.0964 17.2117 29.809 15.3142L28.8203 15.4639L27.8316 15.6136C28.0079 16.7781 27.465 18.0568 26.5064 18.7047L27.0664 19.5332ZM28.8203 15.4639L29.8032 15.2796L29.8003 15.264L28.8174 15.4482L27.8345 15.6325L27.8374 15.6482L28.8203 15.4639ZM28.8174 15.4482V16.4482H28.8184V15.4482V14.4482H28.8174V15.4482ZM28.8184 15.4482L29.8068 15.2968C29.4867 13.2073 27.8018 11.5531 25.9285 10.9691L25.6309 11.9238L25.3332 12.8785C26.5942 13.2716 27.6431 14.3801 27.8299 15.5997L28.8184 15.4482ZM25.6309 11.9238L25.9475 10.9753C25.3897 10.7891 24.8066 10.7048 24.3513 10.6298C23.861 10.549 23.4814 10.4746 23.1466 10.3354L22.7627 11.2588L22.3788 12.1822C22.9517 12.4204 23.5416 12.5234 24.0261 12.6032C24.5457 12.6888 24.9429 12.7484 25.3142 12.8724L25.6309 11.9238ZM22.7627 11.2588L23.1186 10.3243C22.6345 10.1399 22.2711 9.72964 22.0968 9.14632L21.1387 9.43262L20.1805 9.71892C20.5039 10.8011 21.2529 11.7538 22.4067 12.1933L22.7627 11.2588ZM21.1387 9.43262L22.1014 9.16216C22.0135 8.84923 21.9543 8.5261 21.8961 8.16889C21.8406 7.82768 21.7821 7.42709 21.6996 7.04262C21.5274 6.2409 21.225 5.3704 20.4688 4.57742L19.7451 5.26758L19.0215 5.95774C19.427 6.38293 19.6138 6.85588 19.7441 7.46262C19.8128 7.78237 19.859 8.10225 19.9221 8.49021C19.9827 8.86218 20.0562 9.27694 20.1759 9.70307L21.1387 9.43262ZM15.3008 12.3789L15.4088 13.3731C16.8081 13.221 17.8046 13.5271 18.3855 14.0491C18.9346 14.5425 19.2984 15.3979 19.0829 16.8013L20.0713 16.9531L21.0597 17.1049C21.349 15.2211 20.8989 13.6187 19.7222 12.5614C18.5773 11.5327 16.9362 11.1953 15.1927 11.3848L15.3008 12.3789ZM20.0713 16.9531L19.0979 16.7241L19.094 16.7407L20.0674 16.9697L21.0408 17.1988L21.0447 17.1822L20.0713 16.9531ZM20.0674 16.9697H21.0674V16.9688H20.0674H19.0674V16.9697H20.0674ZM20.0674 16.9688L19.082 16.7985C18.8964 17.8725 18.2036 18.521 17.122 18.665L17.2539 19.6562L17.3858 20.6475C19.3082 20.3917 20.7139 19.1003 21.0528 17.139L20.0674 16.9688ZM17.2539 19.6562L17.0983 18.6684C16.3053 18.7933 15.4018 18.7702 14.6425 18.5896L14.4111 19.5625L14.1797 20.5354C15.2141 20.7814 16.3819 20.8059 17.4095 20.6441L17.2539 19.6562ZM14.4111 19.5625L14.6494 18.5913C14.2619 18.4962 13.9565 18.352 13.7386 18.1778L13.1143 18.959L12.49 19.7402C12.9898 20.1396 13.5812 20.3885 14.1728 20.5337L14.4111 19.5625ZM13.1143 18.959L13.7555 18.1916C13.3655 17.8658 13.0916 17.3369 12.9861 16.6808C12.8808 16.0255 12.9597 15.3286 13.1826 14.7702L12.2539 14.3994L11.3252 14.0286C10.963 14.9358 10.8509 15.9997 11.0115 16.9983C11.1719 17.9961 11.6208 19.0142 12.4731 19.7264L13.1143 18.959ZM12.2539 14.3994L13.1795 14.778C13.4956 14.0052 14.3377 13.4792 15.3993 13.374L15.3008 12.3789L15.2022 11.3838C13.6736 11.5352 12.0146 12.3431 11.3283 14.0208L12.2539 14.3994Z",fill:p,mask:"url(#".concat(e,")")})]}))}if(f==="orange")return L==="square"?c("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l("svg",o(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:u})}));if(f==="blue")return L==="square"?c("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l("svg",o(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.16338 7.16347 4.22665e-05 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:u})}));if(f==="jade")return L==="square"?c("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-paper-main)"})]})):l("svg",o(r({width:a,height:a,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M16 0C24.8366 0 32 7.16335 32 16C32 24.8367 24.8366 32 16 32C7.16344 32 0 24.8367 0 16C4.9478e-05 7.66338 7.16347 0.000042 16 0ZM19.7451 5.26758C16.7609 2.21844 11.5944 3.69932 11.2129 8.1084C10.7367 13.1418 7.08515 10.4095 4.37207 13.209C3.57018 14.1331 3.09185 15.4252 3.25195 16.6406C3.48647 18.3313 4.79986 19.7729 6.47461 20.1816C8.37936 20.6899 10.3536 20.4661 10.998 22.8066C11.3659 24.3564 11.24 25.7879 12.5215 26.9971C14.7593 29.1037 18.8138 28.8489 20.2656 26.001C20.7711 25.1101 20.8462 24.0581 21.0332 23.0723C21.2229 22.0263 21.8496 21.1879 22.834 20.8311C24.1704 20.3049 25.8365 20.3974 27.0664 19.5332C28.357 18.6609 29.0521 16.9949 28.8203 15.4639L28.8174 15.4482H28.8184C28.5649 13.7937 27.198 12.4124 25.6309 11.9238C24.7017 11.6137 23.6703 11.6362 22.7627 11.2588C21.9437 10.9468 21.3875 10.2654 21.1387 9.43262C20.7234 7.9545 20.9069 6.48575 19.7451 5.26758ZM15.3008 12.3789C18.4435 12.0374 20.5761 13.6659 20.0713 16.9531L20.0674 16.9697V16.9688C19.8051 18.4864 18.7559 19.4563 17.2539 19.6562C16.3436 19.7996 15.3079 19.7758 14.4111 19.5625C13.9216 19.4424 13.4732 19.2458 13.1143 18.959C11.872 17.921 11.6687 15.865 12.2539 14.3994C12.7551 13.1741 14.0057 12.5072 15.3008 12.3789Z",fill:u})}));if(f==="white")return L==="square"?c("svg",o(r({width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:[l("rect",{width:"24",height:"24",rx:"1",fill:u}),l("path",{d:"M12 2C17.5229 2 22 6.47707 22 12C22 17.5229 17.5229 22 12 22C6.47715 22 2 17.5229 2 12C2 6.47708 6.47715 2.00003 12 2ZM14.3408 5.29297C12.4756 3.38695 9.24614 4.31242 9.00781 7.06836C8.71004 10.2135 6.428 8.50568 4.73242 10.2549C4.23121 10.8325 3.93217 11.6407 4.03223 12.4004C4.1788 13.457 5.00016 14.3578 6.04688 14.6133C7.23725 14.9308 8.47122 14.7913 8.87402 16.2539C9.10395 17.2226 9.02515 18.1173 9.82617 18.873C11.2248 20.1897 13.7586 20.0309 14.666 18.251C14.9821 17.6941 15.0286 17.0362 15.1455 16.4199C15.2641 15.7661 15.6561 15.2425 16.2715 15.0195C17.1065 14.6907 18.1474 14.7487 18.916 14.209C19.7227 13.6639 20.1575 12.6219 20.0127 11.665L20.0107 11.6553H20.0117C19.8534 10.6212 18.999 9.75756 18.0195 9.45215C17.4388 9.2583 16.7938 9.27297 16.2266 9.03711C15.7147 8.84214 15.3674 8.41598 15.2119 7.89551C14.9524 6.97173 15.0667 6.05432 14.3408 5.29297ZM11.5635 9.73633C13.5275 9.52302 14.8604 10.5413 14.5449 12.5957L14.542 12.6064C14.3779 13.5544 13.7225 14.1602 12.7842 14.2852C12.2152 14.3748 11.5674 14.3599 11.0068 14.2266C10.7009 14.1515 10.4206 14.0289 10.1963 13.8496C9.41978 13.2008 9.2933 11.9151 9.65918 10.999C9.97258 10.2334 10.7541 9.81643 11.5635 9.73633Z",fill:"var(--color-surface-ink)"})]})):l("svg",o(r({width:a,height:a,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},h),{children:l("path",{d:"M20 0C31.0457 0 39.9999 8.95421 40 20C40 31.0459 31.0457 40 20 40C8.9543 39.9999 0 31.0458 0 20C8.24632e-05 8.95424 8.95435 5.25753e-05 20 0ZM24.6816 6.58496C20.9513 2.773 14.4934 4.62406 14.0166 10.1357C13.4214 16.4275 8.85619 13.0113 5.46484 16.5107C4.46239 17.6659 3.86527 19.2814 4.06543 20.8008C4.35857 22.914 5.99941 24.7165 8.09277 25.2275C10.4737 25.8629 12.9424 25.5824 13.748 28.5078C14.2079 30.4452 14.0501 32.2355 15.6523 33.7471C18.4496 36.38 23.5172 36.0617 25.332 32.502C25.9642 31.3881 26.0581 30.0724 26.292 28.8398C26.5292 27.5322 27.3122 26.4841 28.543 26.0381C30.2134 25.3804 32.2957 25.4971 33.833 24.417C35.4464 23.3267 36.3142 21.2439 36.0244 19.3301L36.0215 19.3096L36.0225 19.3105C35.7057 17.2422 33.9972 15.5159 32.0381 14.9053C30.8767 14.5176 29.5876 14.545 28.4531 14.0732C27.4295 13.6832 26.7349 12.8319 26.4238 11.791C25.9047 9.94326 26.134 8.10776 24.6816 6.58496ZM19.126 15.4727C23.0544 15.0457 25.7199 17.0824 25.0889 21.1914L25.084 21.2119V21.2109C24.7562 23.108 23.4449 24.3204 21.5674 24.5703C20.4297 24.7495 19.1356 24.7197 18.0146 24.4531C17.4026 24.303 16.8413 24.0578 16.3926 23.6992C14.8397 22.4017 14.5858 19.8311 15.3174 17.999C15.9439 16.4674 17.5071 15.633 19.126 15.4727Z",fill:u})}))};return d?c("div",{className:"flex items-center gap-2",children:[v(),l("span",{className:"text-breadDisplay-bold mt-1 ".concat(f==="white"?"text-white":"text-text-standard"),children:d})]}):v()}export{N as Body,O as Caption,b as Heading1,M as Heading2,Z as Heading3,y as Heading4,x as Heading5,m as LiftedButton,B as Logo,w as Typography,g as fontVariables};
|
package/dist/theme.css
CHANGED
|
@@ -76,6 +76,9 @@
|
|
|
76
76
|
--color-system-green: #32a800;
|
|
77
77
|
--color-system-red: #df0b00;
|
|
78
78
|
--color-system-warning: #ce7f00;
|
|
79
|
+
--color-red-0: #f7cac2;
|
|
80
|
+
--color-red-1: #f4b8ad;
|
|
81
|
+
--color-red-main: #df0b00;
|
|
79
82
|
--color-text-standard: #171414;
|
|
80
83
|
--color-white: #ffffff;
|
|
81
84
|
--color-black: #000000;
|
|
@@ -168,37 +171,14 @@
|
|
|
168
171
|
@apply mb-1 relative z-10 inline-flex items-center justify-center gap-[8px] font-breadBody text-base px-[37px] h-14 cursor-pointer;
|
|
169
172
|
}
|
|
170
173
|
|
|
171
|
-
.lifted-button
|
|
172
|
-
|
|
174
|
+
.lifted-button {
|
|
175
|
+
background-color: var(--btn-bg);
|
|
176
|
+
color: var(--btn-text);
|
|
173
177
|
}
|
|
174
178
|
|
|
175
|
-
.lifted-button
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.lifted-button-secondary:hover {
|
|
181
|
-
background-color: #fff1ea;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.lifted-button-destructive {
|
|
185
|
-
@apply bg-system-red text-paper-main group-hover:text-white;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.lifted-button-destructive:hover {
|
|
189
|
-
background-color: #bf0a00;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.lifted-button-positive {
|
|
193
|
-
@apply bg-system-green text-paper-main group-hover:text-white;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
.lifted-button-positive:hover {
|
|
197
|
-
background-color: #2b8f00;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.lifted-button-stroke {
|
|
201
|
-
@apply bg-paper-main text-surface-ink border border-surface-ink group-hover:bg-paper-2 group-hover:text-surface-ink;
|
|
179
|
+
.lifted-button:hover {
|
|
180
|
+
background-color: var(--btn-hover-bg);
|
|
181
|
+
color: var(--btn-hover-text);
|
|
202
182
|
}
|
|
203
183
|
|
|
204
184
|
.lifted-button-disabled {
|
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -76,6 +76,9 @@
|
|
|
76
76
|
--color-system-green: #32a800;
|
|
77
77
|
--color-system-red: #df0b00;
|
|
78
78
|
--color-system-warning: #ce7f00;
|
|
79
|
+
--color-red-0: #f7cac2;
|
|
80
|
+
--color-red-1: #f4b8ad;
|
|
81
|
+
--color-red-main: #df0b00;
|
|
79
82
|
--color-text-standard: #171414;
|
|
80
83
|
--color-white: #ffffff;
|
|
81
84
|
--color-black: #000000;
|
|
@@ -168,37 +171,14 @@
|
|
|
168
171
|
@apply mb-1 relative z-10 inline-flex items-center justify-center gap-[8px] font-breadBody text-base px-[37px] h-14 cursor-pointer;
|
|
169
172
|
}
|
|
170
173
|
|
|
171
|
-
.lifted-button
|
|
172
|
-
|
|
174
|
+
.lifted-button {
|
|
175
|
+
background-color: var(--btn-bg);
|
|
176
|
+
color: var(--btn-text);
|
|
173
177
|
}
|
|
174
178
|
|
|
175
|
-
.lifted-button
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.lifted-button-secondary:hover {
|
|
181
|
-
background-color: #fff1ea;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.lifted-button-destructive {
|
|
185
|
-
@apply bg-system-red text-paper-main group-hover:text-white;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.lifted-button-destructive:hover {
|
|
189
|
-
background-color: #bf0a00;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.lifted-button-positive {
|
|
193
|
-
@apply bg-system-green text-paper-main group-hover:text-white;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
.lifted-button-positive:hover {
|
|
197
|
-
background-color: #2b8f00;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.lifted-button-stroke {
|
|
201
|
-
@apply bg-paper-main text-surface-ink border border-surface-ink group-hover:bg-paper-2 group-hover:text-surface-ink;
|
|
179
|
+
.lifted-button:hover {
|
|
180
|
+
background-color: var(--btn-hover-bg);
|
|
181
|
+
color: var(--btn-hover-text);
|
|
202
182
|
}
|
|
203
183
|
|
|
204
184
|
.lifted-button-disabled {
|