@shipfox/react-ui 0.8.0 → 0.9.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/.turbo/turbo-build.log +7 -7
- package/.turbo/turbo-check.log +2 -2
- package/.turbo/turbo-type.log +2 -2
- package/CHANGELOG.md +6 -0
- package/dist/components/alert/alert.d.ts +15 -5
- package/dist/components/alert/alert.d.ts.map +1 -1
- package/dist/components/alert/alert.js +122 -22
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert/alert.stories.js +121 -6
- package/dist/components/alert/alert.stories.js.map +1 -1
- package/dist/components/button/button-link.js +1 -1
- package/dist/components/button/button-link.js.map +1 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +4 -1
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/icon-button.d.ts.map +1 -1
- package/dist/components/button/icon-button.js +4 -1
- package/dist/components/button/icon-button.js.map +1 -1
- package/dist/components/checkbox/checkbox-links.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox-links.js +8 -2
- package/dist/components/checkbox/checkbox-links.js.map +1 -1
- package/dist/components/checkbox/checkbox.stories.js +4 -4
- package/dist/components/checkbox/checkbox.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/alert.stories.tsx +103 -2
- package/src/components/alert/alert.tsx +163 -16
- package/src/components/button/button-link.tsx +1 -1
- package/src/components/button/button.tsx +2 -1
- package/src/components/button/icon-button.tsx +2 -1
- package/src/components/checkbox/checkbox-links.tsx +5 -3
- package/src/components/checkbox/checkbox.stories.tsx +20 -4
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import {buttonLinkVariants} from 'components/button/button-link';
|
|
1
2
|
import {Label} from 'components/label';
|
|
2
3
|
import {type ReactNode, useId} from 'react';
|
|
3
4
|
import {cn} from 'utils/cn';
|
|
@@ -58,10 +59,12 @@ export function CheckboxLinks({
|
|
|
58
59
|
{link.href ? (
|
|
59
60
|
<a
|
|
60
61
|
href={link.href}
|
|
62
|
+
target="_blank"
|
|
63
|
+
rel="noopener noreferrer"
|
|
61
64
|
onClick={link.onClick}
|
|
62
65
|
className={cn(
|
|
63
66
|
'text-sm leading-20 font-medium text-foreground-highlight-interactive',
|
|
64
|
-
'hover:text-foreground-highlight-interactive-hover',
|
|
67
|
+
'hover:text-foreground-highlight-interactive-hover transition-colors',
|
|
65
68
|
linkClassName,
|
|
66
69
|
)}
|
|
67
70
|
>
|
|
@@ -72,8 +75,7 @@ export function CheckboxLinks({
|
|
|
72
75
|
type="button"
|
|
73
76
|
onClick={link.onClick}
|
|
74
77
|
className={cn(
|
|
75
|
-
'
|
|
76
|
-
'hover:text-foreground-highlight-interactive-hover',
|
|
78
|
+
buttonLinkVariants({variant: 'interactive', size: 'sm'}),
|
|
77
79
|
linkClassName,
|
|
78
80
|
)}
|
|
79
81
|
>
|
|
@@ -356,16 +356,32 @@ export const CheckboxLinksStory: StoryObj = {
|
|
|
356
356
|
id="checkbox-links-default"
|
|
357
357
|
label="Accept policies"
|
|
358
358
|
links={[
|
|
359
|
-
{label: 'Terms of use', href: '
|
|
360
|
-
{
|
|
359
|
+
{label: 'Terms of use', href: 'https://www.shipfox.io/legal/terms-of-service'},
|
|
360
|
+
{
|
|
361
|
+
label: 'Privacy Policy',
|
|
362
|
+
onClick: () =>
|
|
363
|
+
window.open(
|
|
364
|
+
'https://www.shipfox.io/legal/privacy-policy',
|
|
365
|
+
'_blank',
|
|
366
|
+
'noopener,noreferrer',
|
|
367
|
+
),
|
|
368
|
+
},
|
|
361
369
|
]}
|
|
362
370
|
/>
|
|
363
371
|
<CheckboxLinks
|
|
364
372
|
id="checkbox-links-checked"
|
|
365
373
|
label="Accept policies"
|
|
366
374
|
links={[
|
|
367
|
-
{label: 'Terms of use', href: '
|
|
368
|
-
{
|
|
375
|
+
{label: 'Terms of use', href: 'https://www.shipfox.io/legal/terms-of-service'},
|
|
376
|
+
{
|
|
377
|
+
label: 'Privacy Policy',
|
|
378
|
+
onClick: () =>
|
|
379
|
+
window.open(
|
|
380
|
+
'https://www.shipfox.io/legal/privacy-policy',
|
|
381
|
+
'_blank',
|
|
382
|
+
'noopener,noreferrer',
|
|
383
|
+
),
|
|
384
|
+
},
|
|
369
385
|
]}
|
|
370
386
|
checked
|
|
371
387
|
/>
|