@wallarm-org/design-system 0.4.1 → 0.4.2
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.4.
|
|
3
|
-
"generatedAt": "2026-
|
|
2
|
+
"version": "0.4.1",
|
|
3
|
+
"generatedAt": "2026-03-02T14:43:51.750Z",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "Alert",
|
|
@@ -2465,16 +2465,16 @@
|
|
|
2465
2465
|
"code": "({ ...args }) => (\n <HStack gap={8}>\n <Badge {...args}>\n <Check size='sm' />\n </Badge>\n <Badge {...args}>\n <X size='sm' />\n </Badge>\n <Badge {...args}>\n <Info size='sm' />\n </Badge>\n <Badge {...args}>\n <CircleCheck size='sm' />\n </Badge>\n <Badge {...args}>\n <Check size='sm' />\n </Badge>\n </HStack>\n)"
|
|
2466
2466
|
},
|
|
2467
2467
|
{
|
|
2468
|
-
"name": "
|
|
2469
|
-
"code": "() => (\n <table className='w-full'>\n <thead>\n <tr>\n {Object.keys(BadgeTypeEnum).map(type => (\n <th key={type} className='p-8 text-left'>\n {type}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {
|
|
2468
|
+
"name": "MutedVariants",
|
|
2469
|
+
"code": "() => (\n <table className='w-full'>\n <thead>\n <tr>\n {Object.keys(BadgeTypeEnum).map(type => (\n <th key={type} className='p-8 text-left'>\n {type}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {badgeColorsMuted.map(color => (\n <tr key={color}>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n {isMutedSupported(type, color) ? (\n <Badge type={type} color={color} muted>\n {capitalize(color)}\n </Badge>\n ) : null}\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n)"
|
|
2470
2470
|
},
|
|
2471
2471
|
{
|
|
2472
|
-
"name": "
|
|
2473
|
-
"code": "() => (\n <table className='w-full'>\n <thead>\n <tr>\n {Object.keys(BadgeTypeEnum).map(type => (\n <th key={type} className='p-8 text-left'>\n {type}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {
|
|
2472
|
+
"name": "ColorVariants",
|
|
2473
|
+
"code": "() => (\n <table className='w-full'>\n <thead>\n <tr>\n {Object.keys(BadgeTypeEnum).map(type => (\n <th key={type} className='p-8 text-left'>\n {type}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {Object.entries(BadgeColorEnum).map(([label, color]) => (\n <tr key={color}>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n </Badge>\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n)"
|
|
2474
2474
|
},
|
|
2475
2475
|
{
|
|
2476
2476
|
"name": "ContentVariants",
|
|
2477
|
-
"code": "() => (\n <table className='w-full'>\n <thead>\n <tr>\n {Object.keys(BadgeTypeEnum).map(type => (\n <th key={type} className='p-8 text-left'>\n {type}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {Object.entries(BadgeColorEnum).map(([label, color]) => (\n <Fragment key={color}>\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n\n <X />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n <PenTool />\n {label}\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n <PenTool />\n {label}\n <X />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr />\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color} variant='dotted'>\n {label}\n </Badge>\n </td>\n ))}\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color} variant='dotted'>\n {label}\n <X />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n <Info />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n <PenTool />\n </Badge>\n </td>\n ))}\n </tr>\n\n {badgeColorsMuted.includes(color) && (\n <tr key={color}>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n {(type
|
|
2477
|
+
"code": "() => (\n <table className='w-full'>\n <thead>\n <tr>\n {Object.keys(BadgeTypeEnum).map(type => (\n <th key={type} className='p-8 text-left'>\n {type}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {Object.entries(BadgeColorEnum).map(([label, color]) => (\n <Fragment key={color}>\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n\n <X />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n <PenTool />\n {label}\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n <PenTool />\n {label}\n <X />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr />\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color} variant='dotted'>\n {label}\n </Badge>\n </td>\n ))}\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color} variant='dotted'>\n {label}\n <X />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n {label}\n <Info />\n </Badge>\n </td>\n ))}\n </tr>\n\n <tr>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n <Badge type={type} color={color}>\n <PenTool />\n </Badge>\n </td>\n ))}\n </tr>\n\n {badgeColorsMuted.includes(color) && (\n <tr key={color}>\n {Object.values(BadgeTypeEnum).map((type: BadgeType) => (\n <td key={type} className='p-8'>\n {isMutedSupported(type, color) ? (\n <Badge type={type} color={color} muted>\n {capitalize(color)}\n </Badge>\n ) : null}\n </td>\n ))}\n </tr>\n )}\n </Fragment>\n ))}\n </tbody>\n </table>\n)"
|
|
2478
2478
|
}
|
|
2479
2479
|
]
|
|
2480
2480
|
},
|