@sirlund/mindset-ui 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components-manifest.json +232 -0
- package/dist/index.css +4 -0
- package/dist/index.css.map +1 -1
- package/dist/styles.css +4 -7
- package/package.json +4 -3
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": "0.2.0",
|
|
3
|
+
"generatedAt": "2026-01-23T13:19:20.441Z",
|
|
4
|
+
"components": {
|
|
5
|
+
"Button": {
|
|
6
|
+
"description": "A versatile button component with multiple variants and sizes",
|
|
7
|
+
"props": {
|
|
8
|
+
"children": {
|
|
9
|
+
"type": "ReactNode",
|
|
10
|
+
"required": true,
|
|
11
|
+
"description": "The content of the button"
|
|
12
|
+
},
|
|
13
|
+
"variant": {
|
|
14
|
+
"type": "enum",
|
|
15
|
+
"values": [
|
|
16
|
+
"primary",
|
|
17
|
+
"accent",
|
|
18
|
+
"tertiary",
|
|
19
|
+
"text",
|
|
20
|
+
"danger"
|
|
21
|
+
],
|
|
22
|
+
"default": "primary",
|
|
23
|
+
"description": "The visual style of the button"
|
|
24
|
+
},
|
|
25
|
+
"size": {
|
|
26
|
+
"type": "enum",
|
|
27
|
+
"values": [
|
|
28
|
+
"xsmall",
|
|
29
|
+
"small",
|
|
30
|
+
"medium",
|
|
31
|
+
"large"
|
|
32
|
+
],
|
|
33
|
+
"default": "medium",
|
|
34
|
+
"description": "The size of the button"
|
|
35
|
+
},
|
|
36
|
+
"disabled": {
|
|
37
|
+
"type": "boolean",
|
|
38
|
+
"default": false,
|
|
39
|
+
"description": "Whether the button is disabled"
|
|
40
|
+
},
|
|
41
|
+
"loading": {
|
|
42
|
+
"type": "boolean",
|
|
43
|
+
"default": false,
|
|
44
|
+
"description": "Whether the button shows a loading spinner"
|
|
45
|
+
},
|
|
46
|
+
"fullWidth": {
|
|
47
|
+
"type": "boolean",
|
|
48
|
+
"default": false,
|
|
49
|
+
"description": "Whether the button takes full width of its container"
|
|
50
|
+
},
|
|
51
|
+
"startIcon": {
|
|
52
|
+
"type": "ReactNode",
|
|
53
|
+
"description": "Icon to display before the text"
|
|
54
|
+
},
|
|
55
|
+
"endIcon": {
|
|
56
|
+
"type": "ReactNode",
|
|
57
|
+
"description": "Icon to display after the text"
|
|
58
|
+
},
|
|
59
|
+
"onClick": {
|
|
60
|
+
"type": "function",
|
|
61
|
+
"description": "Click handler"
|
|
62
|
+
},
|
|
63
|
+
"type": {
|
|
64
|
+
"type": "enum",
|
|
65
|
+
"values": [
|
|
66
|
+
"button",
|
|
67
|
+
"submit",
|
|
68
|
+
"reset"
|
|
69
|
+
],
|
|
70
|
+
"default": "button",
|
|
71
|
+
"description": "HTML button type"
|
|
72
|
+
},
|
|
73
|
+
"className": {
|
|
74
|
+
"type": "string",
|
|
75
|
+
"description": "Additional CSS class name"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
"examples": [
|
|
79
|
+
"<Button variant=\"primary\">Primary Button</Button>",
|
|
80
|
+
"<Button variant=\"accent\">Accent Button</Button>",
|
|
81
|
+
"<Button variant=\"tertiary\">Tertiary Button</Button>",
|
|
82
|
+
"<Button variant=\"text\">Text Button</Button>",
|
|
83
|
+
"<Button variant=\"danger\">Danger Button</Button>",
|
|
84
|
+
"<Button variant=\"primary\" size=\"small\">Small Button</Button>",
|
|
85
|
+
"<Button variant=\"accent\" size=\"large\">Large Button</Button>",
|
|
86
|
+
"<Button variant=\"primary\" disabled>Disabled Button</Button>",
|
|
87
|
+
"<Button variant=\"accent\" loading>Loading...</Button>",
|
|
88
|
+
"<Button variant=\"primary\" fullWidth>Full Width</Button>"
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
"Card": {
|
|
92
|
+
"description": "A pricing card component for subscription plans",
|
|
93
|
+
"props": {
|
|
94
|
+
"plan": {
|
|
95
|
+
"type": "enum",
|
|
96
|
+
"values": [
|
|
97
|
+
"Starter",
|
|
98
|
+
"Individual",
|
|
99
|
+
"Teams"
|
|
100
|
+
],
|
|
101
|
+
"default": "Starter",
|
|
102
|
+
"description": "The plan type"
|
|
103
|
+
},
|
|
104
|
+
"price": {
|
|
105
|
+
"type": "number",
|
|
106
|
+
"default": 0,
|
|
107
|
+
"description": "The plan price"
|
|
108
|
+
},
|
|
109
|
+
"pricePeriod": {
|
|
110
|
+
"type": "string",
|
|
111
|
+
"default": "/Month",
|
|
112
|
+
"description": "The price period text"
|
|
113
|
+
},
|
|
114
|
+
"seats": {
|
|
115
|
+
"type": "number",
|
|
116
|
+
"default": 1,
|
|
117
|
+
"description": "Number of seats/users"
|
|
118
|
+
},
|
|
119
|
+
"canEditSeats": {
|
|
120
|
+
"type": "boolean",
|
|
121
|
+
"default": false,
|
|
122
|
+
"description": "Whether seats can be edited"
|
|
123
|
+
},
|
|
124
|
+
"nextBillingAmount": {
|
|
125
|
+
"type": "number",
|
|
126
|
+
"default": 0,
|
|
127
|
+
"description": "Next billing amount"
|
|
128
|
+
},
|
|
129
|
+
"renewalDate": {
|
|
130
|
+
"type": "string",
|
|
131
|
+
"default": "Sep 07, 2024",
|
|
132
|
+
"description": "Renewal date"
|
|
133
|
+
},
|
|
134
|
+
"className": {
|
|
135
|
+
"type": "string",
|
|
136
|
+
"description": "Additional CSS class name"
|
|
137
|
+
},
|
|
138
|
+
"onActionClick": {
|
|
139
|
+
"type": "function",
|
|
140
|
+
"description": "Click handler for the action button"
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
"examples": [
|
|
144
|
+
"<Card plan=\"Starter\" />",
|
|
145
|
+
"<Card plan=\"Individual\" price={20} />",
|
|
146
|
+
"<Card plan=\"Teams\" price={49} seats={5} canEditSeats />"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
"Icon": {
|
|
150
|
+
"description": "An icon component with various icon names and sizes",
|
|
151
|
+
"props": {
|
|
152
|
+
"name": {
|
|
153
|
+
"type": "enum",
|
|
154
|
+
"values": [
|
|
155
|
+
"add",
|
|
156
|
+
"add-circle",
|
|
157
|
+
"alert-circle",
|
|
158
|
+
"alert-triangle",
|
|
159
|
+
"archive",
|
|
160
|
+
"arrow-down",
|
|
161
|
+
"arrow-left",
|
|
162
|
+
"arrow-right",
|
|
163
|
+
"arrow-up",
|
|
164
|
+
"bell",
|
|
165
|
+
"trash",
|
|
166
|
+
"building",
|
|
167
|
+
"calendar",
|
|
168
|
+
"camera",
|
|
169
|
+
"check",
|
|
170
|
+
"chevron-down",
|
|
171
|
+
"chevron-left",
|
|
172
|
+
"chevron-right",
|
|
173
|
+
"chevron-up",
|
|
174
|
+
"close",
|
|
175
|
+
"mail",
|
|
176
|
+
"folder",
|
|
177
|
+
"folder-open",
|
|
178
|
+
"lock",
|
|
179
|
+
"menu",
|
|
180
|
+
"pencil",
|
|
181
|
+
"question-circle",
|
|
182
|
+
"remove",
|
|
183
|
+
"search",
|
|
184
|
+
"settings",
|
|
185
|
+
"upload",
|
|
186
|
+
"user",
|
|
187
|
+
"view",
|
|
188
|
+
"view-off"
|
|
189
|
+
],
|
|
190
|
+
"required": true,
|
|
191
|
+
"description": "The name of the icon to display"
|
|
192
|
+
},
|
|
193
|
+
"size": {
|
|
194
|
+
"type": "enum",
|
|
195
|
+
"values": [
|
|
196
|
+
"XS",
|
|
197
|
+
"S",
|
|
198
|
+
"M",
|
|
199
|
+
"L"
|
|
200
|
+
],
|
|
201
|
+
"default": "M",
|
|
202
|
+
"description": "The size of the icon (XS=16px, S=20px, M=24px, L=32px)"
|
|
203
|
+
},
|
|
204
|
+
"color": {
|
|
205
|
+
"type": "string",
|
|
206
|
+
"default": "#29292a",
|
|
207
|
+
"description": "The color of the icon"
|
|
208
|
+
},
|
|
209
|
+
"className": {
|
|
210
|
+
"type": "string",
|
|
211
|
+
"description": "Additional CSS class name"
|
|
212
|
+
},
|
|
213
|
+
"onClick": {
|
|
214
|
+
"type": "function",
|
|
215
|
+
"description": "Click handler"
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
"examples": [
|
|
219
|
+
"<Icon name=\"check\" />",
|
|
220
|
+
"<Icon name=\"close\" size=\"L\" />",
|
|
221
|
+
"<Icon name=\"search\" size=\"S\" color=\"#0069ff\" />",
|
|
222
|
+
"<Icon name=\"user\" size=\"M\" />",
|
|
223
|
+
"<Icon name=\"settings\" />"
|
|
224
|
+
]
|
|
225
|
+
}
|
|
226
|
+
},
|
|
227
|
+
"usage": {
|
|
228
|
+
"importStyles": "import '@sirlund/mindset-ui/styles.css';",
|
|
229
|
+
"importComponents": "import { Button, Card, Icon } from '@sirlund/mindset-ui';",
|
|
230
|
+
"note": "Always import styles.css once at the root of your application before using components."
|
|
231
|
+
}
|
|
232
|
+
}
|
package/dist/index.css
CHANGED
|
@@ -806,6 +806,8 @@
|
|
|
806
806
|
--color-accent-strong: var(--color-blue-600);
|
|
807
807
|
--color-accent-lighter: var(--color-blue-100);
|
|
808
808
|
--color-accent-light: var(--color-blue-200);
|
|
809
|
+
--color-accent-weak: var(--color-blue-200);
|
|
810
|
+
--color-accent-weaker: var(--color-blue-100);
|
|
809
811
|
--color-primary-default: var(--color-base-black);
|
|
810
812
|
--color-primary-inverted: var(--color-base-white);
|
|
811
813
|
--color-primary-subtle: var(--color-grey-500);
|
|
@@ -881,6 +883,8 @@
|
|
|
881
883
|
--color-accent-light: var(--color-blue-600);
|
|
882
884
|
--color-accent-subtle: var(--color-blue-500);
|
|
883
885
|
--color-accent-strong: var(--color-blue-300);
|
|
886
|
+
--color-accent-weak: var(--color-blue-600);
|
|
887
|
+
--color-accent-weaker: var(--color-blue-700);
|
|
884
888
|
--color-primary-default: var(--color-base-white);
|
|
885
889
|
--color-primary-inverted: var(--color-base-black);
|
|
886
890
|
--color-primary-subtle: var(--color-grey-300);
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Button/Button.css","../src/components/Card/Card.css","../src/components/Icon/Icon.css","../src/tokens/tokens.css"],"sourcesContent":["/* Import design tokens */\n@import '../../tokens/tokens.css';\n\n/* Button Base Styles */\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--gap-xs);\n border: none;\n border-radius: var(--radius-m);\n font-family: var(--font-family-default);\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n position: relative;\n outline: none;\n user-select: none;\n white-space: nowrap;\n}\n\n.btn:focus-visible {\n outline: 2px solid var(--color-accent-default);\n outline-offset: 2px;\n}\n\n/* Button Sizes */\n.btn--xsmall {\n padding: var(--gap-3xs) var(--gap-2xs);\n font-size: var(--font-size-xs);\n line-height: 16px;\n min-height: var(--scale-300);\n}\n\n.btn--small {\n padding: var(--gap-2xs) var(--gap-s);\n font-size: var(--font-size-s);\n line-height: 20px;\n min-height: var(--scale-400);\n}\n\n.btn--medium {\n padding: var(--gap-xs) var(--gap-m);\n font-size: var(--font-size-m);\n line-height: 24px;\n min-height: var(--scale-500);\n}\n\n.btn--large {\n padding: var(--gap-s) var(--gap-xl);\n font-size: 18px;\n line-height: 28px;\n min-height: var(--scale-600);\n}\n\n/* Button Variants */\n/* Primary = Dark/Inverted background */\n.btn--primary {\n background-color: var(--color-surface-background-inverted);\n color: var(--color-content-on-inverted-heading);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--primary:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-surface-background-inverted);\n opacity: 0.9;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--primary:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-surface-background-inverted);\n opacity: 0.8;\n transform: translateY(1px);\n}\n\n/* Accent = Blue/Secondary */\n.btn--accent {\n background-color: var(--color-accent-default);\n color: var(--color-content-on-inverted-heading);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--accent:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-strong);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--accent:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-strong);\n transform: translateY(1px);\n}\n\n/* Tertiary = Ghost with border */\n.btn--tertiary {\n background-color: transparent;\n color: var(--color-accent-default);\n border: var(--stroke-thin) solid var(--color-stroke-medium);\n}\n\n.btn--tertiary:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weaker);\n border-color: var(--color-stroke-medium);\n}\n\n.btn--tertiary:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weak);\n transform: translateY(1px);\n}\n\n/* Text = No background or border */\n.btn--text {\n background-color: transparent;\n color: var(--color-accent-default);\n border: none;\n box-shadow: none;\n}\n\n.btn--text:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weaker);\n}\n\n.btn--text:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weak);\n transform: translateY(1px);\n}\n\n/* Danger = Destructive actions */\n.btn--danger {\n background-color: var(--color-feedback-negative-default);\n color: var(--color-content-on-inverted-heading);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--danger:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-feedback-negative-strong);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--danger:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-feedback-negative-strong);\n transform: translateY(1px);\n}\n\n/* Button States */\n.btn--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn--loading {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn--full-width {\n width: 100%;\n}\n\n/* Button Content */\n.btn__content {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n}\n\n.btn__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.btn__icon--start {\n margin-right: 0;\n}\n\n.btn__icon--end {\n margin-left: 0;\n}\n\n/* Loading Spinner */\n.btn__spinner {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: var(--gap-xs);\n}\n\n.btn__spinner-icon {\n width: var(--scale-200);\n height: var(--scale-200);\n animation: spin 0.8s linear infinite;\n}\n\n.btn--xsmall .btn__spinner-icon {\n width: var(--scale-150);\n height: var(--scale-150);\n}\n\n.btn--small .btn__spinner-icon {\n width: var(--scale-175);\n height: var(--scale-175);\n}\n\n.btn--large .btn__spinner-icon {\n width: var(--scale-225);\n height: var(--scale-225);\n}\n\n.btn__spinner-circle {\n stroke-dasharray: 60;\n stroke-dashoffset: 45;\n transform-origin: center;\n}\n\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n .btn--large {\n padding: var(--gap-2xs) var(--gap-l);\n font-size: var(--font-size-m);\n min-height: var(--scale-550);\n }\n \n .btn--medium {\n padding: var(--gap-xs) var(--gap-s);\n font-size: var(--font-size-s);\n min-height: var(--scale-500);\n }\n}\n","@import '../../tokens/tokens.css';\n\n/* Card Base Styles */\n.card {\n background-color: var(--color-surface-default);\n border-radius: var(--radius-m);\n border: var(--stroke-thin) solid var(--color-stroke-subtle);\n overflow: hidden;\n width: 100%;\n max-width: var(--max-width-tablet);\n}\n\n.card__container {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n/* Card Header */\n.card__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--gap-l);\n gap: var(--gap-m);\n}\n\n.card__header-title {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n flex: 1;\n}\n\n.card__header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--scale-400);\n height: var(--scale-400);\n flex-shrink: 0;\n}\n\n.card__header-text {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.1;\n color: var(--color-content-secondary);\n white-space: nowrap;\n}\n\n.card__header-action {\n height: var(--scale-400);\n min-width: var(--scale-800);\n max-width: var(--max-width-tablet);\n}\n\n.card__action-button {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 0 var(--gap-m);\n border: none;\n background: transparent;\n border-radius: var(--radius-s);\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n\n.card__action-button:hover {\n background-color: var(--color-surface-layer);\n}\n\n.card__action-text {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.2;\n color: var(--color-accent-default);\n white-space: nowrap;\n}\n\n/* Card Body */\n.card__body {\n padding: var(--gap-l);\n display: flex;\n flex-direction: column;\n gap: var(--gap-xs);\n}\n\n.card__content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-l);\n}\n\n/* Plan Section */\n.card__plan {\n display: flex;\n align-items: center;\n gap: var(--gap-s);\n}\n\n.card__plan-icon {\n width: var(--scale-500);\n height: var(--scale-500);\n flex-shrink: 0;\n}\n\n.card__plan-name {\n font-family: var(--font-family-default);\n font-size: var(--scale-400);\n font-weight: 600;\n line-height: 1.2;\n color: var(--color-content-primary);\n flex: 1;\n}\n\n/* Price Section */\n.card__price-section {\n display: flex;\n flex-direction: column;\n gap: var(--gap-xs);\n}\n\n.card__price {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n font-family: var(--font-family-default);\n font-weight: 600;\n}\n\n.card__price-currency {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n}\n\n.card__price-amount {\n font-size: var(--font-size-xl);\n line-height: 1.2;\n color: var(--color-content-primary);\n}\n\n.card__price-period {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n width: var(--scale-1750);\n}\n\n/* Seats Section */\n.card__seats {\n display: flex;\n flex-direction: column;\n gap: var(--gap-xs);\n}\n\n.card__seats-divider {\n height: var(--stroke-thin);\n background-color: var(--color-stroke-subtle);\n margin: var(--gap-xs) 0;\n}\n\n.card__seats-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n}\n\n.card__seats-count {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.1;\n color: var(--color-content-tertiary);\n flex: 1;\n}\n\n.card__seats-teams {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n}\n\n.card__seats-multiplier {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n}\n\n.card__seats-number {\n font-size: var(--font-size-xl);\n line-height: 1.2;\n color: var(--color-content-primary);\n}\n\n.card__seats-text {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n}\n\n.card__seats-edit {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--scale-400);\n padding: 0 var(--gap-3xs);\n border: none;\n background: transparent;\n border-radius: var(--radius-s);\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n\n.card__seats-edit:hover {\n background-color: var(--color-surface-layer);\n}\n\n.card__seats-edit span {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.2;\n color: var(--color-accent-default);\n}\n\n.card__seats-upgrade {\n font-family: var(--font-family-default);\n font-size: var(--font-size-xs);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-tertiary);\n text-align: right;\n width: var(--scale-1600);\n}\n\n/* Card Footer */\n.card__footer {\n background-color: var(--color-surface-layer);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--gap-m) var(--gap-l);\n gap: var(--gap-m);\n border-radius: 0 0 var(--radius-m) var(--radius-m);\n}\n\n.card__footer-left {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n flex: 1;\n}\n\n.card__footer-price {\n display: flex;\n align-items: center;\n gap: var(--gap-3xs);\n font-family: var(--font-family-default);\n font-weight: 600;\n}\n\n.card__footer-currency {\n font-size: var(--font-size-xl);\n line-height: 1.2;\n color: var(--color-content-secondary);\n}\n\n.card__footer-amount {\n font-size: var(--scale-400);\n line-height: 1.2;\n color: var(--color-content-primary);\n}\n\n.card__footer-label {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-primary);\n flex: 1;\n}\n\n.card__footer-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: center;\n min-width: var(--scale-1250);\n}\n\n.card__footer-renewal {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-secondary);\n}\n\n.card__footer-date {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-secondary);\n}\n\n/* Plan Icons */\n.plan-icon {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.plan-icon__square {\n position: absolute;\n background-color: var(--color-surface-layer-strong);\n border-radius: var(--radius-xs);\n}\n\n/* Starter Plan Icons */\n.plan-icon--starter .plan-icon__square--left {\n top: 27.5%;\n left: 0;\n right: 55%;\n bottom: 27.5%;\n}\n\n.plan-icon--starter .plan-icon__square--right {\n top: 27.5%;\n left: 55%;\n right: 0;\n bottom: 27.5%;\n}\n\n/* Individual Plan Icons */\n.plan-icon--individual .plan-icon__square--top-left {\n top: 0;\n left: 0;\n right: 55%;\n bottom: 55%;\n}\n\n.plan-icon--individual .plan-icon__square--bottom-left {\n top: 55%;\n left: 0;\n right: 55%;\n bottom: 0;\n}\n\n.plan-icon--individual .plan-icon__square--top-right {\n top: 0;\n left: 55%;\n right: 0;\n bottom: 55%;\n}\n\n.plan-icon--individual .plan-icon__square--bottom-right {\n top: 55%;\n left: 55%;\n right: 0;\n bottom: 0;\n}\n\n/* Teams Plan Icons */\n.plan-icon--teams .plan-icon__square--top-left {\n top: 0;\n left: 0;\n right: 70%;\n bottom: 70%;\n}\n\n.plan-icon--teams .plan-icon__square--middle-left {\n top: 35%;\n left: 0;\n right: 70%;\n bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--bottom-center {\n top: 70%;\n left: 35%;\n right: 35%;\n bottom: 0;\n}\n\n.plan-icon--teams .plan-icon__square--top-center {\n top: 0;\n left: 35%;\n right: 35%;\n bottom: 70%;\n}\n\n.plan-icon--teams .plan-icon__square--middle-right {\n top: 35%;\n left: 70%;\n right: 0;\n bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--center {\n top: 35%;\n left: 35%;\n right: 35%;\n bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--bottom-right {\n top: 70%;\n left: 70%;\n right: 0;\n bottom: 0;\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n .card {\n max-width: 100%;\n }\n \n .card__header {\n padding: var(--gap-m);\n gap: var(--gap-s);\n }\n \n .card__body {\n padding: var(--gap-m);\n }\n \n .card__footer {\n padding: var(--gap-s) var(--gap-m);\n }\n \n .card__plan-name {\n font-size: var(--scale-350);\n }\n \n .card__price-amount {\n font-size: var(--font-size-l);\n }\n \n .card__footer-amount {\n font-size: var(--scale-350);\n }\n}\n","@import '../../tokens/tokens.css';\n\n/* Icon Base Styles */\n.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n user-select: none;\n cursor: default;\n}\n\n.icon svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n/* Icon Sizes */\n.icon--xs {\n width: var(--scale-200);\n height: var(--scale-200);\n}\n\n.icon--s {\n width: var(--scale-250);\n height: var(--scale-250);\n}\n\n.icon--m {\n width: var(--scale-300);\n height: var(--scale-300);\n}\n\n.icon--l {\n width: var(--scale-400);\n height: var(--scale-400);\n}\n\n/* Clickable Icons */\n.icon[onclick] {\n cursor: pointer;\n transition: opacity 0.2s ease;\n}\n\n.icon[onclick]:hover {\n opacity: 0.7;\n}\n\n.icon[onclick]:active {\n opacity: 0.5;\n}\n\n/* Icon Colors */\n.icon--primary {\n color: var(--color-content-primary);\n}\n\n.icon--secondary {\n color: var(--color-content-secondary);\n}\n\n.icon--accent {\n color: var(--color-accent-default);\n}\n\n.icon--success {\n color: var(--color-feedback-positive-default);\n}\n\n.icon--warning {\n color: var(--color-feedback-warning-default);\n}\n\n.icon--error {\n color: var(--color-feedback-negative-default);\n}\n\n.icon--white {\n color: var(--color-content-on-inverted-heading);\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n .icon--l {\n width: var(--scale-350);\n height: var(--scale-350);\n }\n \n .icon--m {\n width: var(--scale-275);\n height: var(--scale-275);\n }\n}\n\n","/**\n * MindSet Design System - Design Tokens\n * Auto-generated from Figma variables\n * \n * Token Categories:\n * - Primitives: Base scale, typography\n * - Colors: Base colors, system colors, semantic colors\n * - Dimensions: Spacing, radius, stroke\n */\n\n:root {\n /* ========================================\n PRIMITIVES - Scale\n ======================================== */\n \n --scale-0: 0px;\n --scale-12-5: 1px;\n --scale-25: 2px;\n --scale-50: 4px;\n --scale-75: 6px;\n --scale-100: 8px;\n --scale-150: 12px;\n --scale-175: 14px;\n --scale-200: 16px;\n --scale-250: 20px;\n --scale-300: 24px;\n --scale-400: 32px;\n --scale-500: 40px;\n --scale-600: 48px;\n --scale-700: 56px;\n --scale-800: 64px;\n --scale-900: 72px;\n --scale-1000: 80px;\n --scale-2000: 160px;\n --scale-2500: 200px;\n\n /* ========================================\n PRIMITIVES - Typography\n ======================================== */\n \n /* Font Families */\n --font-family-default: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n --font-family-mono: 'Fira Code', 'Monaco', 'Courier New', monospace;\n \n /* Font Sizes */\n --font-size-xs: var(--scale-150); /* 12px */\n --font-size-s: var(--scale-175); /* 14px */\n --font-size-m: var(--scale-200); /* 16px */\n --font-size-l: var(--scale-250); /* 20px */\n --font-size-xl: var(--scale-300); /* 24px */\n\n /* ========================================\n DIMENSIONS - Gap/Spacing\n ======================================== */\n \n --gap-none: var(--scale-0); /* 0px */\n --gap-3xs: var(--scale-25); /* 2px */\n --gap-2xs: var(--scale-50); /* 4px */\n --gap-xs: var(--scale-100); /* 8px */\n --gap-s: var(--scale-150); /* 12px */\n --gap-m: var(--scale-200); /* 16px */\n --gap-l: var(--scale-250); /* 20px */\n --gap-xl: var(--scale-300); /* 24px */\n --gap-2xl: var(--scale-400); /* 32px */\n --gap-3xl: var(--scale-500); /* 40px */\n --gap-4xl: var(--scale-600); /* 48px */\n --gap-5xl: var(--scale-700); /* 56px */\n --gap-6xl: var(--scale-800); /* 64px */\n --gap-7xl: var(--scale-1000); /* 80px */\n\n /* ========================================\n DIMENSIONS - Border Radius\n ======================================== */\n \n --radius-none: 0px;\n --radius-xs: var(--scale-50); /* 4px */\n --radius-s: var(--scale-75); /* 6px */\n --radius-m: var(--scale-100); /* 8px */\n --radius-l: var(--scale-150); /* 12px */\n --radius-xl: var(--scale-200); /* 16px */\n --radius-rounded: 9999px; /* Fully rounded */\n\n /* ========================================\n DIMENSIONS - Stroke Width\n ======================================== */\n \n --stroke-none: 0px;\n --stroke-thin: 1px;\n --stroke-light: 1.25px;\n --stroke-medium: 1.5px;\n --stroke-large: 2px;\n\n /* ========================================\n DIMENSIONS - Container Max Widths\n ======================================== */\n \n --max-width-mobile: 480px;\n --max-width-tablet-portrait: 768px;\n --max-width-tablet-landscape: 1024px;\n --max-width-desktop: 1440px;\n --max-width-desktop-lg: 1600px;\n --max-width-desktop-xl: 1980px;\n\n /* ========================================\n COLORS - Base (Light Mode)\n ======================================== */\n \n /* Base Colors */\n --color-base-black: rgb(18, 18, 19);\n --color-base-white: rgb(254, 254, 255);\n \n /* Grey Scale */\n --color-grey-100: rgb(246, 246, 247);\n --color-grey-200: rgb(234, 234, 234);\n --color-grey-300: rgb(204, 204, 205);\n --color-grey-400: rgb(153, 153, 154);\n --color-grey-500: rgb(109, 109, 110);\n --color-grey-600: rgb(63, 63, 70);\n --color-grey-700: rgb(41, 41, 42);\n \n /* Blue Scale */\n --color-blue-100: rgb(232, 243, 255);\n --color-blue-200: rgb(180, 211, 255);\n --color-blue-300: rgb(76, 150, 255);\n --color-blue-400: rgb(0, 105, 255);\n --color-blue-500: rgb(0, 75, 183);\n --color-blue-600: rgb(0, 46, 111);\n --color-blue-700: rgb(0, 31, 75);\n \n /* Red Scale */\n --color-red-100: rgb(255, 243, 241);\n --color-red-200: rgb(254, 209, 201);\n --color-red-300: rgb(237, 115, 99);\n --color-red-400: rgb(205, 73, 55);\n --color-red-500: rgb(189, 54, 36);\n --color-red-600: rgb(168, 32, 13);\n --color-red-700: rgb(128, 20, 5);\n \n /* Green Scale */\n --color-green-100: rgb(240, 254, 241);\n --color-green-200: rgb(204, 238, 206);\n --color-green-300: rgb(104, 178, 111);\n --color-green-400: rgb(52, 134, 60);\n --color-green-500: rgb(18, 121, 29);\n --color-green-600: rgb(8, 93, 17);\n --color-green-700: rgb(3, 65, 10);\n \n /* Yellow Scale */\n --color-yellow-100: rgb(255, 249, 227);\n --color-yellow-200: rgb(253, 239, 190);\n --color-yellow-300: rgb(245, 218, 117);\n --color-yellow-400: rgb(237, 200, 67);\n --color-yellow-500: rgb(177, 142, 14);\n --color-yellow-600: rgb(129, 101, 0);\n --color-yellow-700: rgb(87, 68, 0);\n \n /* Pink Scale */\n --color-pink-100: rgb(252, 228, 236);\n --color-pink-200: rgb(246, 179, 200);\n --color-pink-300: rgb(241, 130, 165);\n --color-pink-400: rgb(235, 81, 129);\n --color-pink-500: rgb(169, 58, 93);\n --color-pink-600: rgb(102, 35, 56);\n --color-pink-700: rgb(69, 24, 38);\n \n /* Jade Scale */\n --color-jade-100: rgb(223, 247, 237);\n --color-jade-200: rgb(164, 232, 205);\n --color-jade-300: rgb(104, 217, 172);\n --color-jade-400: rgb(45, 202, 140);\n --color-jade-500: rgb(32, 145, 100);\n --color-jade-600: rgb(20, 88, 61);\n --color-jade-700: rgb(13, 59, 41);\n \n /* Violet Scale */\n --color-violet-100: rgb(235, 230, 246);\n --color-violet-200: rgb(197, 183, 228);\n --color-violet-300: rgb(160, 136, 211);\n --color-violet-400: rgb(122, 89, 194);\n --color-violet-500: rgb(88, 64, 139);\n --color-violet-600: rgb(53, 39, 84);\n --color-violet-700: rgb(36, 26, 57);\n \n /* Amber Scale */\n --color-amber-100: rgb(251, 239, 225);\n --color-amber-200: rgb(243, 210, 170);\n --color-amber-300: rgb(236, 181, 114);\n --color-amber-400: rgb(228, 152, 59);\n --color-amber-500: rgb(164, 109, 42);\n --color-amber-600: rgb(99, 66, 26);\n --color-amber-700: rgb(67, 45, 17);\n \n /* Teal Scale */\n --color-teal-100: rgb(227, 239, 243);\n --color-teal-200: rgb(177, 210, 220);\n --color-teal-300: rgb(126, 180, 197);\n --color-teal-400: rgb(75, 151, 174);\n --color-teal-500: rgb(54, 108, 125);\n --color-teal-600: rgb(33, 66, 76);\n --color-teal-700: rgb(22, 44, 51);\n\n /* Alpha Colors */\n --color-alpha-black-100: rgba(18, 18, 19, 0.1);\n --color-alpha-black-200: rgba(18, 18, 19, 0.2);\n --color-alpha-black-300: rgba(18, 18, 19, 0.25);\n --color-alpha-black-400: rgba(18, 18, 19, 0.4);\n --color-alpha-black-500: rgba(18, 18, 19, 0.5);\n --color-alpha-black-600: rgba(18, 18, 19, 0.6);\n --color-alpha-black-700: rgba(18, 18, 19, 0.7);\n --color-alpha-black-800: rgba(18, 18, 19, 0.85);\n \n --color-alpha-white-100: rgba(254, 254, 255, 0.2);\n --color-alpha-white-200: rgba(254, 254, 255, 0.3);\n --color-alpha-white-300: rgba(254, 254, 255, 0.4);\n --color-alpha-white-400: rgba(254, 254, 255, 0.5);\n --color-alpha-white-500: rgba(254, 254, 255, 0.6);\n --color-alpha-white-600: rgba(254, 254, 255, 0.7);\n --color-alpha-white-700: rgba(254, 254, 255, 0.8);\n --color-alpha-white-800: rgba(254, 254, 255, 0.9);\n\n /* ========================================\n SYSTEM COLORS - Semantic Tokens (Light Mode)\n ======================================== */\n \n /* Accent Colors */\n --color-accent-default: var(--color-blue-400);\n --color-accent-subtle: var(--color-blue-300);\n --color-accent-strong: var(--color-blue-600);\n --color-accent-lighter: var(--color-blue-100);\n --color-accent-light: var(--color-blue-200);\n \n /* Primary Colors */\n --color-primary-default: var(--color-base-black);\n --color-primary-inverted: var(--color-base-white);\n --color-primary-subtle: var(--color-grey-500);\n --color-primary-light: var(--color-grey-200);\n \n /* Surface Colors */\n --color-surface-background: var(--color-base-white);\n --color-surface-background-inverted: var(--color-base-black);\n --color-surface-background-inverted-alpha: var(--color-alpha-black-800);\n --color-surface-layer: var(--color-grey-100);\n --color-surface-layer-strong: var(--color-grey-200);\n --color-surface-layer-stronger: var(--color-grey-300);\n --color-surface-elevated: var(--color-base-white);\n --color-surface-elevated-inverted: var(--color-base-black);\n --color-surface-accent: var(--color-blue-400);\n --color-surface-input: var(--color-alpha-white-500);\n \n /* Content/Text Colors */\n --color-content-heading: var(--color-base-black);\n --color-content-primary: var(--color-grey-700);\n --color-content-secondary: var(--color-grey-500);\n --color-content-disabled: var(--color-grey-400);\n --color-content-inverted: var(--color-base-white);\n --color-content-accent: var(--color-blue-400);\n --color-content-error: var(--color-red-400);\n --color-content-success: var(--color-green-400);\n --color-content-warning: var(--color-yellow-400);\n \n /* Content On Inverted */\n --color-content-on-inverted-heading: var(--color-base-white);\n --color-content-on-inverted-primary: var(--color-grey-100);\n --color-content-on-inverted-secondary: var(--color-grey-400);\n --color-content-on-inverted-disabled: var(--color-grey-500);\n --color-content-on-inverted-accent: var(--color-blue-300);\n \n /* Icon Colors */\n --color-icon-primary: var(--color-grey-700);\n --color-icon-secondary: var(--color-grey-500);\n --color-icon-disabled: var(--color-grey-400);\n --color-icon-inverted: var(--color-base-white);\n --color-icon-accent: var(--color-blue-400);\n --color-icon-accent-subtle: var(--color-blue-300);\n --color-icon-accent-strong: var(--color-blue-500);\n --color-icon-error: var(--color-red-400);\n --color-icon-success: var(--color-green-400);\n --color-icon-warning: var(--color-yellow-400);\n \n /* Icon On Inverted */\n --color-icon-on-inverted-primary: var(--color-grey-100);\n --color-icon-on-inverted-secondary: var(--color-grey-400);\n --color-icon-on-inverted-disabled: var(--color-grey-500);\n --color-icon-on-inverted-accent: var(--color-blue-300);\n \n /* Stroke/Border Colors */\n --color-stroke-subtle: var(--color-grey-200);\n --color-stroke-medium: var(--color-grey-300);\n --color-stroke-strong: var(--color-grey-400);\n --color-stroke-alpha-subtle: var(--color-alpha-black-100);\n --color-stroke-alpha-medium: var(--color-alpha-black-300);\n --color-stroke-alpha-strong: var(--color-alpha-black-500);\n \n /* Stroke On Dark */\n --color-stroke-on-dark-subtle: var(--color-grey-600);\n --color-stroke-on-dark-medium: var(--color-grey-500);\n --color-stroke-on-dark-strong: var(--color-grey-400);\n --color-stroke-on-dark-alpha-subtle: var(--color-alpha-white-100);\n --color-stroke-on-dark-alpha-medium: var(--color-alpha-white-300);\n --color-stroke-on-dark-alpha-strong: var(--color-alpha-white-500);\n \n /* Feedback Colors */\n --color-feedback-negative-light: var(--color-red-100);\n --color-feedback-negative-default: var(--color-red-400);\n --color-feedback-negative-strong: var(--color-red-600);\n \n --color-feedback-positive-light: var(--color-green-100);\n --color-feedback-positive-default: var(--color-green-400);\n --color-feedback-positive-strong: var(--color-green-600);\n \n --color-feedback-warning-light: var(--color-yellow-100);\n --color-feedback-warning-default: var(--color-yellow-400);\n --color-feedback-warning-strong: var(--color-yellow-500);\n \n /* Build System Colors (for code/tech contexts) */\n --color-build-action: var(--color-jade-400);\n --color-build-data: var(--color-violet-400);\n --color-build-function: var(--color-amber-400);\n --color-build-input: var(--color-teal-400);\n --color-build-workflow: var(--color-pink-400);\n}\n\n/* ========================================\n DARK MODE OVERRIDES\n ======================================== */\n\n@media (prefers-color-scheme: dark) {\n :root {\n /* System Colors - Dark Mode adjustments */\n --color-accent-lighter: var(--color-blue-700);\n --color-accent-light: var(--color-blue-600);\n --color-accent-subtle: var(--color-blue-500);\n --color-accent-strong: var(--color-blue-300);\n \n --color-primary-default: var(--color-base-white);\n --color-primary-inverted: var(--color-base-black);\n --color-primary-subtle: var(--color-grey-300);\n --color-primary-light: var(--color-grey-700);\n \n --color-surface-background: var(--color-base-black);\n --color-surface-background-inverted: var(--color-base-white);\n --color-surface-background-inverted-alpha: var(--color-alpha-grey-600-800);\n --color-surface-layer: var(--color-grey-700);\n --color-surface-layer-strong: var(--color-grey-600);\n --color-surface-layer-stronger: var(--color-grey-500);\n --color-surface-elevated: var(--color-grey-600);\n --color-surface-elevated-inverted: var(--color-grey-600);\n --color-surface-accent: var(--color-blue-600);\n --color-surface-input: var(--color-alpha-black-500);\n \n --color-content-heading: var(--color-base-white);\n --color-content-primary: var(--color-grey-300);\n --color-content-secondary: var(--color-grey-400);\n --color-content-disabled: var(--color-grey-500);\n --color-content-inverted: var(--color-base-black);\n --color-content-accent: var(--color-blue-300);\n --color-content-error: var(--color-red-300);\n --color-content-success: var(--color-green-300);\n --color-content-warning: var(--color-yellow-300);\n \n --color-icon-primary: var(--color-grey-300);\n --color-icon-secondary: var(--color-grey-400);\n --color-icon-disabled: var(--color-grey-500);\n --color-icon-inverted: var(--color-base-black);\n --color-icon-accent: var(--color-blue-300);\n --color-icon-accent-subtle: var(--color-blue-400);\n --color-icon-accent-strong: var(--color-blue-200);\n --color-icon-error: var(--color-red-300);\n --color-icon-success: var(--color-green-300);\n --color-icon-warning: var(--color-yellow-300);\n \n --color-stroke-subtle: var(--color-grey-600);\n --color-stroke-medium: var(--color-grey-500);\n --color-stroke-strong: var(--color-grey-400);\n --color-stroke-alpha-subtle: var(--color-alpha-white-100);\n --color-stroke-alpha-medium: var(--color-alpha-white-300);\n --color-stroke-alpha-strong: var(--color-alpha-white-500);\n \n --color-feedback-negative-light: var(--color-red-700);\n --color-feedback-negative-strong: var(--color-red-300);\n \n --color-feedback-positive-light: var(--color-green-700);\n --color-feedback-positive-strong: var(--color-green-300);\n \n --color-feedback-warning-light: var(--color-yellow-700);\n --color-feedback-warning-strong: var(--color-yellow-300);\n \n --color-build-action: var(--color-jade-300);\n --color-build-data: var(--color-violet-300);\n --color-build-function: var(--color-amber-300);\n --color-build-input: var(--color-teal-300);\n --color-build-workflow: var(--color-pink-300);\n }\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/components/Button/Button.css","../src/components/Card/Card.css","../src/components/Icon/Icon.css","../src/tokens/tokens.css"],"sourcesContent":["/* Button Base Styles */\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--gap-xs);\n border: none;\n border-radius: var(--radius-m);\n font-family: var(--font-family-default);\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n position: relative;\n outline: none;\n user-select: none;\n white-space: nowrap;\n}\n\n.btn:focus-visible {\n outline: 2px solid var(--color-accent-default);\n outline-offset: 2px;\n}\n\n/* Button Sizes */\n.btn--xsmall {\n padding: var(--gap-3xs) var(--gap-2xs);\n font-size: var(--font-size-xs);\n line-height: 16px;\n min-height: var(--scale-300);\n}\n\n.btn--small {\n padding: var(--gap-2xs) var(--gap-s);\n font-size: var(--font-size-s);\n line-height: 20px;\n min-height: var(--scale-400);\n}\n\n.btn--medium {\n padding: var(--gap-xs) var(--gap-m);\n font-size: var(--font-size-m);\n line-height: 24px;\n min-height: var(--scale-500);\n}\n\n.btn--large {\n padding: var(--gap-s) var(--gap-xl);\n font-size: 18px;\n line-height: 28px;\n min-height: var(--scale-600);\n}\n\n/* Button Variants */\n/* Primary = Dark/Inverted background */\n.btn--primary {\n background-color: var(--color-surface-background-inverted);\n color: var(--color-content-on-inverted-heading);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--primary:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-surface-background-inverted);\n opacity: 0.9;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--primary:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-surface-background-inverted);\n opacity: 0.8;\n transform: translateY(1px);\n}\n\n/* Accent = Blue/Secondary */\n.btn--accent {\n background-color: var(--color-accent-default);\n color: var(--color-content-on-inverted-heading);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--accent:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-strong);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--accent:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-strong);\n transform: translateY(1px);\n}\n\n/* Tertiary = Ghost with border */\n.btn--tertiary {\n background-color: transparent;\n color: var(--color-accent-default);\n border: var(--stroke-thin) solid var(--color-stroke-medium);\n}\n\n.btn--tertiary:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weaker);\n border-color: var(--color-stroke-medium);\n}\n\n.btn--tertiary:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weak);\n transform: translateY(1px);\n}\n\n/* Text = No background or border */\n.btn--text {\n background-color: transparent;\n color: var(--color-accent-default);\n border: none;\n box-shadow: none;\n}\n\n.btn--text:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weaker);\n}\n\n.btn--text:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-accent-weak);\n transform: translateY(1px);\n}\n\n/* Danger = Destructive actions */\n.btn--danger {\n background-color: var(--color-feedback-negative-default);\n color: var(--color-content-on-inverted-heading);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.btn--danger:hover:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-feedback-negative-strong);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn--danger:active:not(.btn--disabled):not(.btn--loading) {\n background-color: var(--color-feedback-negative-strong);\n transform: translateY(1px);\n}\n\n/* Button States */\n.btn--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn--loading {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn--full-width {\n width: 100%;\n}\n\n/* Button Content */\n.btn__content {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n}\n\n.btn__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.btn__icon--start {\n margin-right: 0;\n}\n\n.btn__icon--end {\n margin-left: 0;\n}\n\n/* Loading Spinner */\n.btn__spinner {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: var(--gap-xs);\n}\n\n.btn__spinner-icon {\n width: var(--scale-200);\n height: var(--scale-200);\n animation: spin 0.8s linear infinite;\n}\n\n.btn--xsmall .btn__spinner-icon {\n width: var(--scale-150);\n height: var(--scale-150);\n}\n\n.btn--small .btn__spinner-icon {\n width: var(--scale-175);\n height: var(--scale-175);\n}\n\n.btn--large .btn__spinner-icon {\n width: var(--scale-225);\n height: var(--scale-225);\n}\n\n.btn__spinner-circle {\n stroke-dasharray: 60;\n stroke-dashoffset: 45;\n transform-origin: center;\n}\n\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n .btn--large {\n padding: var(--gap-2xs) var(--gap-l);\n font-size: var(--font-size-m);\n min-height: var(--scale-550);\n }\n \n .btn--medium {\n padding: var(--gap-xs) var(--gap-s);\n font-size: var(--font-size-s);\n min-height: var(--scale-500);\n }\n}\n","/* Card Base Styles */\n.card {\n background-color: var(--color-surface-default);\n border-radius: var(--radius-m);\n border: var(--stroke-thin) solid var(--color-stroke-subtle);\n overflow: hidden;\n width: 100%;\n max-width: var(--max-width-tablet);\n}\n\n.card__container {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n/* Card Header */\n.card__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--gap-l);\n gap: var(--gap-m);\n}\n\n.card__header-title {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n flex: 1;\n}\n\n.card__header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--scale-400);\n height: var(--scale-400);\n flex-shrink: 0;\n}\n\n.card__header-text {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.1;\n color: var(--color-content-secondary);\n white-space: nowrap;\n}\n\n.card__header-action {\n height: var(--scale-400);\n min-width: var(--scale-800);\n max-width: var(--max-width-tablet);\n}\n\n.card__action-button {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 0 var(--gap-m);\n border: none;\n background: transparent;\n border-radius: var(--radius-s);\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n\n.card__action-button:hover {\n background-color: var(--color-surface-layer);\n}\n\n.card__action-text {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.2;\n color: var(--color-accent-default);\n white-space: nowrap;\n}\n\n/* Card Body */\n.card__body {\n padding: var(--gap-l);\n display: flex;\n flex-direction: column;\n gap: var(--gap-xs);\n}\n\n.card__content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-l);\n}\n\n/* Plan Section */\n.card__plan {\n display: flex;\n align-items: center;\n gap: var(--gap-s);\n}\n\n.card__plan-icon {\n width: var(--scale-500);\n height: var(--scale-500);\n flex-shrink: 0;\n}\n\n.card__plan-name {\n font-family: var(--font-family-default);\n font-size: var(--scale-400);\n font-weight: 600;\n line-height: 1.2;\n color: var(--color-content-primary);\n flex: 1;\n}\n\n/* Price Section */\n.card__price-section {\n display: flex;\n flex-direction: column;\n gap: var(--gap-xs);\n}\n\n.card__price {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n font-family: var(--font-family-default);\n font-weight: 600;\n}\n\n.card__price-currency {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n}\n\n.card__price-amount {\n font-size: var(--font-size-xl);\n line-height: 1.2;\n color: var(--color-content-primary);\n}\n\n.card__price-period {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n width: var(--scale-1750);\n}\n\n/* Seats Section */\n.card__seats {\n display: flex;\n flex-direction: column;\n gap: var(--gap-xs);\n}\n\n.card__seats-divider {\n height: var(--stroke-thin);\n background-color: var(--color-stroke-subtle);\n margin: var(--gap-xs) 0;\n}\n\n.card__seats-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n}\n\n.card__seats-count {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.1;\n color: var(--color-content-tertiary);\n flex: 1;\n}\n\n.card__seats-teams {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n}\n\n.card__seats-multiplier {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n}\n\n.card__seats-number {\n font-size: var(--font-size-xl);\n line-height: 1.2;\n color: var(--color-content-primary);\n}\n\n.card__seats-text {\n font-size: var(--font-size-l);\n line-height: 1.3;\n color: var(--color-content-secondary);\n}\n\n.card__seats-edit {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--scale-400);\n padding: 0 var(--gap-3xs);\n border: none;\n background: transparent;\n border-radius: var(--radius-s);\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n\n.card__seats-edit:hover {\n background-color: var(--color-surface-layer);\n}\n\n.card__seats-edit span {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 600;\n line-height: 1.2;\n color: var(--color-accent-default);\n}\n\n.card__seats-upgrade {\n font-family: var(--font-family-default);\n font-size: var(--font-size-xs);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-tertiary);\n text-align: right;\n width: var(--scale-1600);\n}\n\n/* Card Footer */\n.card__footer {\n background-color: var(--color-surface-layer);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--gap-m) var(--gap-l);\n gap: var(--gap-m);\n border-radius: 0 0 var(--radius-m) var(--radius-m);\n}\n\n.card__footer-left {\n display: flex;\n align-items: center;\n gap: var(--gap-xs);\n flex: 1;\n}\n\n.card__footer-price {\n display: flex;\n align-items: center;\n gap: var(--gap-3xs);\n font-family: var(--font-family-default);\n font-weight: 600;\n}\n\n.card__footer-currency {\n font-size: var(--font-size-xl);\n line-height: 1.2;\n color: var(--color-content-secondary);\n}\n\n.card__footer-amount {\n font-size: var(--scale-400);\n line-height: 1.2;\n color: var(--color-content-primary);\n}\n\n.card__footer-label {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-primary);\n flex: 1;\n}\n\n.card__footer-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: center;\n min-width: var(--scale-1250);\n}\n\n.card__footer-renewal {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-secondary);\n}\n\n.card__footer-date {\n font-family: var(--font-family-default);\n font-size: var(--font-size-s);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-content-secondary);\n}\n\n/* Plan Icons */\n.plan-icon {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.plan-icon__square {\n position: absolute;\n background-color: var(--color-surface-layer-strong);\n border-radius: var(--radius-xs);\n}\n\n/* Starter Plan Icons */\n.plan-icon--starter .plan-icon__square--left {\n top: 27.5%;\n left: 0;\n right: 55%;\n bottom: 27.5%;\n}\n\n.plan-icon--starter .plan-icon__square--right {\n top: 27.5%;\n left: 55%;\n right: 0;\n bottom: 27.5%;\n}\n\n/* Individual Plan Icons */\n.plan-icon--individual .plan-icon__square--top-left {\n top: 0;\n left: 0;\n right: 55%;\n bottom: 55%;\n}\n\n.plan-icon--individual .plan-icon__square--bottom-left {\n top: 55%;\n left: 0;\n right: 55%;\n bottom: 0;\n}\n\n.plan-icon--individual .plan-icon__square--top-right {\n top: 0;\n left: 55%;\n right: 0;\n bottom: 55%;\n}\n\n.plan-icon--individual .plan-icon__square--bottom-right {\n top: 55%;\n left: 55%;\n right: 0;\n bottom: 0;\n}\n\n/* Teams Plan Icons */\n.plan-icon--teams .plan-icon__square--top-left {\n top: 0;\n left: 0;\n right: 70%;\n bottom: 70%;\n}\n\n.plan-icon--teams .plan-icon__square--middle-left {\n top: 35%;\n left: 0;\n right: 70%;\n bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--bottom-center {\n top: 70%;\n left: 35%;\n right: 35%;\n bottom: 0;\n}\n\n.plan-icon--teams .plan-icon__square--top-center {\n top: 0;\n left: 35%;\n right: 35%;\n bottom: 70%;\n}\n\n.plan-icon--teams .plan-icon__square--middle-right {\n top: 35%;\n left: 70%;\n right: 0;\n bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--center {\n top: 35%;\n left: 35%;\n right: 35%;\n bottom: 35%;\n}\n\n.plan-icon--teams .plan-icon__square--bottom-right {\n top: 70%;\n left: 70%;\n right: 0;\n bottom: 0;\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n .card {\n max-width: 100%;\n }\n \n .card__header {\n padding: var(--gap-m);\n gap: var(--gap-s);\n }\n \n .card__body {\n padding: var(--gap-m);\n }\n \n .card__footer {\n padding: var(--gap-s) var(--gap-m);\n }\n \n .card__plan-name {\n font-size: var(--scale-350);\n }\n \n .card__price-amount {\n font-size: var(--font-size-l);\n }\n \n .card__footer-amount {\n font-size: var(--scale-350);\n }\n}\n","/* Icon Base Styles */\n.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n user-select: none;\n cursor: default;\n}\n\n.icon svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n/* Icon Sizes */\n.icon--xs {\n width: var(--scale-200);\n height: var(--scale-200);\n}\n\n.icon--s {\n width: var(--scale-250);\n height: var(--scale-250);\n}\n\n.icon--m {\n width: var(--scale-300);\n height: var(--scale-300);\n}\n\n.icon--l {\n width: var(--scale-400);\n height: var(--scale-400);\n}\n\n/* Clickable Icons */\n.icon[onclick] {\n cursor: pointer;\n transition: opacity 0.2s ease;\n}\n\n.icon[onclick]:hover {\n opacity: 0.7;\n}\n\n.icon[onclick]:active {\n opacity: 0.5;\n}\n\n/* Icon Colors */\n.icon--primary {\n color: var(--color-content-primary);\n}\n\n.icon--secondary {\n color: var(--color-content-secondary);\n}\n\n.icon--accent {\n color: var(--color-accent-default);\n}\n\n.icon--success {\n color: var(--color-feedback-positive-default);\n}\n\n.icon--warning {\n color: var(--color-feedback-warning-default);\n}\n\n.icon--error {\n color: var(--color-feedback-negative-default);\n}\n\n.icon--white {\n color: var(--color-content-on-inverted-heading);\n}\n\n/* Responsive Design */\n@media (max-width: 640px) {\n .icon--l {\n width: var(--scale-350);\n height: var(--scale-350);\n }\n \n .icon--m {\n width: var(--scale-275);\n height: var(--scale-275);\n }\n}\n\n","/**\n * MindSet Design System - Design Tokens\n * Auto-generated from Figma variables\n * \n * Token Categories:\n * - Primitives: Base scale, typography\n * - Colors: Base colors, system colors, semantic colors\n * - Dimensions: Spacing, radius, stroke\n */\n\n:root {\n /* ========================================\n PRIMITIVES - Scale\n ======================================== */\n \n --scale-0: 0px;\n --scale-12-5: 1px;\n --scale-25: 2px;\n --scale-50: 4px;\n --scale-75: 6px;\n --scale-100: 8px;\n --scale-150: 12px;\n --scale-175: 14px;\n --scale-200: 16px;\n --scale-250: 20px;\n --scale-300: 24px;\n --scale-400: 32px;\n --scale-500: 40px;\n --scale-600: 48px;\n --scale-700: 56px;\n --scale-800: 64px;\n --scale-900: 72px;\n --scale-1000: 80px;\n --scale-2000: 160px;\n --scale-2500: 200px;\n\n /* ========================================\n PRIMITIVES - Typography\n ======================================== */\n \n /* Font Families */\n --font-family-default: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n --font-family-mono: 'Fira Code', 'Monaco', 'Courier New', monospace;\n \n /* Font Sizes */\n --font-size-xs: var(--scale-150); /* 12px */\n --font-size-s: var(--scale-175); /* 14px */\n --font-size-m: var(--scale-200); /* 16px */\n --font-size-l: var(--scale-250); /* 20px */\n --font-size-xl: var(--scale-300); /* 24px */\n\n /* ========================================\n DIMENSIONS - Gap/Spacing\n ======================================== */\n \n --gap-none: var(--scale-0); /* 0px */\n --gap-3xs: var(--scale-25); /* 2px */\n --gap-2xs: var(--scale-50); /* 4px */\n --gap-xs: var(--scale-100); /* 8px */\n --gap-s: var(--scale-150); /* 12px */\n --gap-m: var(--scale-200); /* 16px */\n --gap-l: var(--scale-250); /* 20px */\n --gap-xl: var(--scale-300); /* 24px */\n --gap-2xl: var(--scale-400); /* 32px */\n --gap-3xl: var(--scale-500); /* 40px */\n --gap-4xl: var(--scale-600); /* 48px */\n --gap-5xl: var(--scale-700); /* 56px */\n --gap-6xl: var(--scale-800); /* 64px */\n --gap-7xl: var(--scale-1000); /* 80px */\n\n /* ========================================\n DIMENSIONS - Border Radius\n ======================================== */\n \n --radius-none: 0px;\n --radius-xs: var(--scale-50); /* 4px */\n --radius-s: var(--scale-75); /* 6px */\n --radius-m: var(--scale-100); /* 8px */\n --radius-l: var(--scale-150); /* 12px */\n --radius-xl: var(--scale-200); /* 16px */\n --radius-rounded: 9999px; /* Fully rounded */\n\n /* ========================================\n DIMENSIONS - Stroke Width\n ======================================== */\n \n --stroke-none: 0px;\n --stroke-thin: 1px;\n --stroke-light: 1.25px;\n --stroke-medium: 1.5px;\n --stroke-large: 2px;\n\n /* ========================================\n DIMENSIONS - Container Max Widths\n ======================================== */\n \n --max-width-mobile: 480px;\n --max-width-tablet-portrait: 768px;\n --max-width-tablet-landscape: 1024px;\n --max-width-desktop: 1440px;\n --max-width-desktop-lg: 1600px;\n --max-width-desktop-xl: 1980px;\n\n /* ========================================\n COLORS - Base (Light Mode)\n ======================================== */\n \n /* Base Colors */\n --color-base-black: rgb(18, 18, 19);\n --color-base-white: rgb(254, 254, 255);\n \n /* Grey Scale */\n --color-grey-100: rgb(246, 246, 247);\n --color-grey-200: rgb(234, 234, 234);\n --color-grey-300: rgb(204, 204, 205);\n --color-grey-400: rgb(153, 153, 154);\n --color-grey-500: rgb(109, 109, 110);\n --color-grey-600: rgb(63, 63, 70);\n --color-grey-700: rgb(41, 41, 42);\n \n /* Blue Scale */\n --color-blue-100: rgb(232, 243, 255);\n --color-blue-200: rgb(180, 211, 255);\n --color-blue-300: rgb(76, 150, 255);\n --color-blue-400: rgb(0, 105, 255);\n --color-blue-500: rgb(0, 75, 183);\n --color-blue-600: rgb(0, 46, 111);\n --color-blue-700: rgb(0, 31, 75);\n \n /* Red Scale */\n --color-red-100: rgb(255, 243, 241);\n --color-red-200: rgb(254, 209, 201);\n --color-red-300: rgb(237, 115, 99);\n --color-red-400: rgb(205, 73, 55);\n --color-red-500: rgb(189, 54, 36);\n --color-red-600: rgb(168, 32, 13);\n --color-red-700: rgb(128, 20, 5);\n \n /* Green Scale */\n --color-green-100: rgb(240, 254, 241);\n --color-green-200: rgb(204, 238, 206);\n --color-green-300: rgb(104, 178, 111);\n --color-green-400: rgb(52, 134, 60);\n --color-green-500: rgb(18, 121, 29);\n --color-green-600: rgb(8, 93, 17);\n --color-green-700: rgb(3, 65, 10);\n \n /* Yellow Scale */\n --color-yellow-100: rgb(255, 249, 227);\n --color-yellow-200: rgb(253, 239, 190);\n --color-yellow-300: rgb(245, 218, 117);\n --color-yellow-400: rgb(237, 200, 67);\n --color-yellow-500: rgb(177, 142, 14);\n --color-yellow-600: rgb(129, 101, 0);\n --color-yellow-700: rgb(87, 68, 0);\n \n /* Pink Scale */\n --color-pink-100: rgb(252, 228, 236);\n --color-pink-200: rgb(246, 179, 200);\n --color-pink-300: rgb(241, 130, 165);\n --color-pink-400: rgb(235, 81, 129);\n --color-pink-500: rgb(169, 58, 93);\n --color-pink-600: rgb(102, 35, 56);\n --color-pink-700: rgb(69, 24, 38);\n \n /* Jade Scale */\n --color-jade-100: rgb(223, 247, 237);\n --color-jade-200: rgb(164, 232, 205);\n --color-jade-300: rgb(104, 217, 172);\n --color-jade-400: rgb(45, 202, 140);\n --color-jade-500: rgb(32, 145, 100);\n --color-jade-600: rgb(20, 88, 61);\n --color-jade-700: rgb(13, 59, 41);\n \n /* Violet Scale */\n --color-violet-100: rgb(235, 230, 246);\n --color-violet-200: rgb(197, 183, 228);\n --color-violet-300: rgb(160, 136, 211);\n --color-violet-400: rgb(122, 89, 194);\n --color-violet-500: rgb(88, 64, 139);\n --color-violet-600: rgb(53, 39, 84);\n --color-violet-700: rgb(36, 26, 57);\n \n /* Amber Scale */\n --color-amber-100: rgb(251, 239, 225);\n --color-amber-200: rgb(243, 210, 170);\n --color-amber-300: rgb(236, 181, 114);\n --color-amber-400: rgb(228, 152, 59);\n --color-amber-500: rgb(164, 109, 42);\n --color-amber-600: rgb(99, 66, 26);\n --color-amber-700: rgb(67, 45, 17);\n \n /* Teal Scale */\n --color-teal-100: rgb(227, 239, 243);\n --color-teal-200: rgb(177, 210, 220);\n --color-teal-300: rgb(126, 180, 197);\n --color-teal-400: rgb(75, 151, 174);\n --color-teal-500: rgb(54, 108, 125);\n --color-teal-600: rgb(33, 66, 76);\n --color-teal-700: rgb(22, 44, 51);\n\n /* Alpha Colors */\n --color-alpha-black-100: rgba(18, 18, 19, 0.1);\n --color-alpha-black-200: rgba(18, 18, 19, 0.2);\n --color-alpha-black-300: rgba(18, 18, 19, 0.25);\n --color-alpha-black-400: rgba(18, 18, 19, 0.4);\n --color-alpha-black-500: rgba(18, 18, 19, 0.5);\n --color-alpha-black-600: rgba(18, 18, 19, 0.6);\n --color-alpha-black-700: rgba(18, 18, 19, 0.7);\n --color-alpha-black-800: rgba(18, 18, 19, 0.85);\n \n --color-alpha-white-100: rgba(254, 254, 255, 0.2);\n --color-alpha-white-200: rgba(254, 254, 255, 0.3);\n --color-alpha-white-300: rgba(254, 254, 255, 0.4);\n --color-alpha-white-400: rgba(254, 254, 255, 0.5);\n --color-alpha-white-500: rgba(254, 254, 255, 0.6);\n --color-alpha-white-600: rgba(254, 254, 255, 0.7);\n --color-alpha-white-700: rgba(254, 254, 255, 0.8);\n --color-alpha-white-800: rgba(254, 254, 255, 0.9);\n\n /* ========================================\n SYSTEM COLORS - Semantic Tokens (Light Mode)\n ======================================== */\n \n /* Accent Colors */\n --color-accent-default: var(--color-blue-400);\n --color-accent-subtle: var(--color-blue-300);\n --color-accent-strong: var(--color-blue-600);\n --color-accent-lighter: var(--color-blue-100);\n --color-accent-light: var(--color-blue-200);\n --color-accent-weak: var(--color-blue-200);\n --color-accent-weaker: var(--color-blue-100);\n \n /* Primary Colors */\n --color-primary-default: var(--color-base-black);\n --color-primary-inverted: var(--color-base-white);\n --color-primary-subtle: var(--color-grey-500);\n --color-primary-light: var(--color-grey-200);\n \n /* Surface Colors */\n --color-surface-background: var(--color-base-white);\n --color-surface-background-inverted: var(--color-base-black);\n --color-surface-background-inverted-alpha: var(--color-alpha-black-800);\n --color-surface-layer: var(--color-grey-100);\n --color-surface-layer-strong: var(--color-grey-200);\n --color-surface-layer-stronger: var(--color-grey-300);\n --color-surface-elevated: var(--color-base-white);\n --color-surface-elevated-inverted: var(--color-base-black);\n --color-surface-accent: var(--color-blue-400);\n --color-surface-input: var(--color-alpha-white-500);\n \n /* Content/Text Colors */\n --color-content-heading: var(--color-base-black);\n --color-content-primary: var(--color-grey-700);\n --color-content-secondary: var(--color-grey-500);\n --color-content-disabled: var(--color-grey-400);\n --color-content-inverted: var(--color-base-white);\n --color-content-accent: var(--color-blue-400);\n --color-content-error: var(--color-red-400);\n --color-content-success: var(--color-green-400);\n --color-content-warning: var(--color-yellow-400);\n \n /* Content On Inverted */\n --color-content-on-inverted-heading: var(--color-base-white);\n --color-content-on-inverted-primary: var(--color-grey-100);\n --color-content-on-inverted-secondary: var(--color-grey-400);\n --color-content-on-inverted-disabled: var(--color-grey-500);\n --color-content-on-inverted-accent: var(--color-blue-300);\n \n /* Icon Colors */\n --color-icon-primary: var(--color-grey-700);\n --color-icon-secondary: var(--color-grey-500);\n --color-icon-disabled: var(--color-grey-400);\n --color-icon-inverted: var(--color-base-white);\n --color-icon-accent: var(--color-blue-400);\n --color-icon-accent-subtle: var(--color-blue-300);\n --color-icon-accent-strong: var(--color-blue-500);\n --color-icon-error: var(--color-red-400);\n --color-icon-success: var(--color-green-400);\n --color-icon-warning: var(--color-yellow-400);\n \n /* Icon On Inverted */\n --color-icon-on-inverted-primary: var(--color-grey-100);\n --color-icon-on-inverted-secondary: var(--color-grey-400);\n --color-icon-on-inverted-disabled: var(--color-grey-500);\n --color-icon-on-inverted-accent: var(--color-blue-300);\n \n /* Stroke/Border Colors */\n --color-stroke-subtle: var(--color-grey-200);\n --color-stroke-medium: var(--color-grey-300);\n --color-stroke-strong: var(--color-grey-400);\n --color-stroke-alpha-subtle: var(--color-alpha-black-100);\n --color-stroke-alpha-medium: var(--color-alpha-black-300);\n --color-stroke-alpha-strong: var(--color-alpha-black-500);\n \n /* Stroke On Dark */\n --color-stroke-on-dark-subtle: var(--color-grey-600);\n --color-stroke-on-dark-medium: var(--color-grey-500);\n --color-stroke-on-dark-strong: var(--color-grey-400);\n --color-stroke-on-dark-alpha-subtle: var(--color-alpha-white-100);\n --color-stroke-on-dark-alpha-medium: var(--color-alpha-white-300);\n --color-stroke-on-dark-alpha-strong: var(--color-alpha-white-500);\n \n /* Feedback Colors */\n --color-feedback-negative-light: var(--color-red-100);\n --color-feedback-negative-default: var(--color-red-400);\n --color-feedback-negative-strong: var(--color-red-600);\n \n --color-feedback-positive-light: var(--color-green-100);\n --color-feedback-positive-default: var(--color-green-400);\n --color-feedback-positive-strong: var(--color-green-600);\n \n --color-feedback-warning-light: var(--color-yellow-100);\n --color-feedback-warning-default: var(--color-yellow-400);\n --color-feedback-warning-strong: var(--color-yellow-500);\n \n /* Build System Colors (for code/tech contexts) */\n --color-build-action: var(--color-jade-400);\n --color-build-data: var(--color-violet-400);\n --color-build-function: var(--color-amber-400);\n --color-build-input: var(--color-teal-400);\n --color-build-workflow: var(--color-pink-400);\n}\n\n/* ========================================\n DARK MODE OVERRIDES\n ======================================== */\n\n@media (prefers-color-scheme: dark) {\n :root {\n /* System Colors - Dark Mode adjustments */\n --color-accent-lighter: var(--color-blue-700);\n --color-accent-light: var(--color-blue-600);\n --color-accent-subtle: var(--color-blue-500);\n --color-accent-strong: var(--color-blue-300);\n --color-accent-weak: var(--color-blue-600);\n --color-accent-weaker: var(--color-blue-700);\n \n --color-primary-default: var(--color-base-white);\n --color-primary-inverted: var(--color-base-black);\n --color-primary-subtle: var(--color-grey-300);\n --color-primary-light: var(--color-grey-700);\n \n --color-surface-background: var(--color-base-black);\n --color-surface-background-inverted: var(--color-base-white);\n --color-surface-background-inverted-alpha: var(--color-alpha-grey-600-800);\n --color-surface-layer: var(--color-grey-700);\n --color-surface-layer-strong: var(--color-grey-600);\n --color-surface-layer-stronger: var(--color-grey-500);\n --color-surface-elevated: var(--color-grey-600);\n --color-surface-elevated-inverted: var(--color-grey-600);\n --color-surface-accent: var(--color-blue-600);\n --color-surface-input: var(--color-alpha-black-500);\n \n --color-content-heading: var(--color-base-white);\n --color-content-primary: var(--color-grey-300);\n --color-content-secondary: var(--color-grey-400);\n --color-content-disabled: var(--color-grey-500);\n --color-content-inverted: var(--color-base-black);\n --color-content-accent: var(--color-blue-300);\n --color-content-error: var(--color-red-300);\n --color-content-success: var(--color-green-300);\n --color-content-warning: var(--color-yellow-300);\n \n --color-icon-primary: var(--color-grey-300);\n --color-icon-secondary: var(--color-grey-400);\n --color-icon-disabled: var(--color-grey-500);\n --color-icon-inverted: var(--color-base-black);\n --color-icon-accent: var(--color-blue-300);\n --color-icon-accent-subtle: var(--color-blue-400);\n --color-icon-accent-strong: var(--color-blue-200);\n --color-icon-error: var(--color-red-300);\n --color-icon-success: var(--color-green-300);\n --color-icon-warning: var(--color-yellow-300);\n \n --color-stroke-subtle: var(--color-grey-600);\n --color-stroke-medium: var(--color-grey-500);\n --color-stroke-strong: var(--color-grey-400);\n --color-stroke-alpha-subtle: var(--color-alpha-white-100);\n --color-stroke-alpha-medium: var(--color-alpha-white-300);\n --color-stroke-alpha-strong: var(--color-alpha-white-500);\n \n --color-feedback-negative-light: var(--color-red-700);\n --color-feedback-negative-strong: var(--color-red-300);\n \n --color-feedback-positive-light: var(--color-green-700);\n --color-feedback-positive-strong: var(--color-green-300);\n \n --color-feedback-warning-light: var(--color-yellow-700);\n --color-feedback-warning-strong: var(--color-yellow-300);\n \n --color-build-action: var(--color-jade-300);\n --color-build-data: var(--color-violet-300);\n --color-build-function: var(--color-amber-300);\n --color-build-input: var(--color-teal-300);\n --color-build-workflow: var(--color-pink-300);\n }\n}\n"],"mappings":"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","names":[]}
|
package/dist/styles.css
CHANGED
|
@@ -229,6 +229,8 @@
|
|
|
229
229
|
--color-accent-strong: var(--color-blue-600);
|
|
230
230
|
--color-accent-lighter: var(--color-blue-100);
|
|
231
231
|
--color-accent-light: var(--color-blue-200);
|
|
232
|
+
--color-accent-weak: var(--color-blue-200);
|
|
233
|
+
--color-accent-weaker: var(--color-blue-100);
|
|
232
234
|
|
|
233
235
|
/* Primary Colors */
|
|
234
236
|
--color-primary-default: var(--color-base-black);
|
|
@@ -332,6 +334,8 @@
|
|
|
332
334
|
--color-accent-light: var(--color-blue-600);
|
|
333
335
|
--color-accent-subtle: var(--color-blue-500);
|
|
334
336
|
--color-accent-strong: var(--color-blue-300);
|
|
337
|
+
--color-accent-weak: var(--color-blue-600);
|
|
338
|
+
--color-accent-weaker: var(--color-blue-700);
|
|
335
339
|
|
|
336
340
|
--color-primary-default: var(--color-base-white);
|
|
337
341
|
--color-primary-inverted: var(--color-base-black);
|
|
@@ -396,9 +400,6 @@
|
|
|
396
400
|
|
|
397
401
|
|
|
398
402
|
/* src/components/Button/Button.css */
|
|
399
|
-
/* Import design tokens */
|
|
400
|
-
@import '../../tokens/tokens.css';
|
|
401
|
-
|
|
402
403
|
/* Button Base Styles */
|
|
403
404
|
.btn {
|
|
404
405
|
display: inline-flex;
|
|
@@ -640,8 +641,6 @@
|
|
|
640
641
|
|
|
641
642
|
|
|
642
643
|
/* src/components/Card/Card.css */
|
|
643
|
-
@import '../../tokens/tokens.css';
|
|
644
|
-
|
|
645
644
|
/* Card Base Styles */
|
|
646
645
|
.card {
|
|
647
646
|
background-color: var(--color-surface-default);
|
|
@@ -1097,8 +1096,6 @@
|
|
|
1097
1096
|
|
|
1098
1097
|
|
|
1099
1098
|
/* src/components/Icon/Icon.css */
|
|
1100
|
-
@import '../../tokens/tokens.css';
|
|
1101
|
-
|
|
1102
1099
|
/* Icon Base Styles */
|
|
1103
1100
|
.icon {
|
|
1104
1101
|
display: inline-flex;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sirlund/mindset-ui",
|
|
3
3
|
"description": "MindSet Design System - Storybook documentation and component library extracted from Figma",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "MindSet Team",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"default": "./dist/index.cjs"
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
|
-
"./styles.css": "./dist/styles.css"
|
|
21
|
+
"./styles.css": "./dist/styles.css",
|
|
22
|
+
"./manifest": "./dist/components-manifest.json"
|
|
22
23
|
},
|
|
23
24
|
"files": [
|
|
24
25
|
"dist",
|
|
@@ -34,7 +35,7 @@
|
|
|
34
35
|
"lint": "eslint .",
|
|
35
36
|
"dev": "storybook dev -p 6006",
|
|
36
37
|
"build": "storybook build",
|
|
37
|
-
"build:lib": "tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node scripts/build-css.mjs"
|
|
38
|
+
"build:lib": "tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node scripts/build-css.mjs && node scripts/generate-manifest.mjs"
|
|
38
39
|
},
|
|
39
40
|
"peerDependencies": {
|
|
40
41
|
"react": "^18.0.0 || ^19.0.0",
|