@indico-data/design-system 2.15.1 → 2.17.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/lib/index.esm.js +0 -41
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +0 -41
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.stories.tsx +25 -9
- package/src/legacy/styles/globals/forms.ts +0 -39
package/lib/index.js
CHANGED
|
@@ -502,8 +502,6 @@ const UtilityClasses = styled.createGlobalStyle `
|
|
|
502
502
|
}
|
|
503
503
|
`;
|
|
504
504
|
|
|
505
|
-
const formBoxShadow = 'inset 0 0 0 rgba(#000, 0)';
|
|
506
|
-
const formBoxShadowFocus = formBoxShadow;
|
|
507
505
|
const Forms = styled.createGlobalStyle `
|
|
508
506
|
fieldset {
|
|
509
507
|
background-color: transparent;
|
|
@@ -532,47 +530,8 @@ const Forms = styled.createGlobalStyle `
|
|
|
532
530
|
font-size: ${typography.fontSize.subheadSmall};
|
|
533
531
|
}
|
|
534
532
|
|
|
535
|
-
[type='color'],
|
|
536
|
-
[type='date'],
|
|
537
|
-
[type='datetime'],
|
|
538
|
-
[type='datetime-local'],
|
|
539
|
-
[type='email'],
|
|
540
|
-
[type='month'],
|
|
541
|
-
[type='number'],
|
|
542
|
-
[type='password'],
|
|
543
|
-
[type='search'],
|
|
544
|
-
[type='tel'],
|
|
545
|
-
[type='text'],
|
|
546
|
-
[type='time'],
|
|
547
|
-
[type='url'],
|
|
548
|
-
[type='week'],
|
|
549
|
-
input:not([type]),
|
|
550
|
-
textarea {
|
|
551
|
-
appearance: none;
|
|
552
|
-
border-radius: 2px;
|
|
553
|
-
box-shadow: ${formBoxShadow};
|
|
554
|
-
box-sizing: border-box;
|
|
555
|
-
margin-bottom: ${typography.spacing.half};
|
|
556
|
-
padding: ${typography.spacing.third};
|
|
557
|
-
transition: border-color ${animation.duration} ${animation.timing};
|
|
558
|
-
width: 100%;
|
|
559
|
-
|
|
560
|
-
&:focus {
|
|
561
|
-
border-color: ${allColors.actionColor};
|
|
562
|
-
box-shadow: ${formBoxShadowFocus};
|
|
563
|
-
outline: none;
|
|
564
|
-
}
|
|
565
533
|
|
|
566
|
-
&:disabled {
|
|
567
|
-
cursor: not-allowed;
|
|
568
534
|
|
|
569
|
-
&:hover {
|
|
570
|
-
border: 1px solid ${allColors.lightGray};
|
|
571
|
-
}
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
}
|
|
576
535
|
|
|
577
536
|
textarea {
|
|
578
537
|
resize: vertical;
|