feat(PaymentCard): add styling for other card statuses #2777
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit f5f9ad1:
|
tujoworker
requested changes
Oct 23, 2023
packages/dnb-design-system-portal/src/docs/uilib/extensions/payment-card/properties.mdx
Outdated
Show resolved
Hide resolved
packages/dnb-eufemia/src/extensions/payment-card/PaymentCard.js
Outdated
Show resolved
Hide resolved
packages/dnb-eufemia/src/extensions/payment-card/icons/Hourglass.tsx
Outdated
Show resolved
Hide resolved
packages/dnb-eufemia/src/extensions/payment-card/icons/index.js
Outdated
Show resolved
Hide resolved
packages/dnb-eufemia/src/extensions/payment-card/icons/index.js
Outdated
Show resolved
Hide resolved
packages/dnb-eufemia/src/extensions/payment-card/icons/index.js
Outdated
Show resolved
Hide resolved
packages/dnb-eufemia/src/extensions/payment-card/icons/index.js
Outdated
Show resolved
Hide resolved
Co-authored-by: Tobias Høegh <[email protected]>
tujoworker
changed the base branch from
main
to
feat/expand-payment-card-status
tujoworker
approved these changes
Nov 1, 2023
Comment on lines
+5
to
+8
| import { clock_medium as Expired } from '../../../icons' | ||
| import { padlock_medium as Blocked } from '../../../icons' | ||
| import { card_in_medium as CardIn } from '../../../icons' | ||
| import { hourglass as Hourglass } from '../../../icons' |
There was a problem hiding this comment.
Suggested change
| import { clock_medium as Expired } from '../../../icons' | |
| import { padlock_medium as Blocked } from '../../../icons' | |
| import { card_in_medium as CardIn } from '../../../icons' | |
| import { hourglass as Hourglass } from '../../../icons' | |
| import { clock_medium as Expired, padlock_medium as Blocked, card_in_medium as CardIn hourglass as Hourglass } from '../../../icons' |
Its possible to get all icons in one import.
tujoworker
merged commit f737d46
into
dnbexperience:feat/expand-payment-card-status
1 check passed
tujoworker
added a commit
that referenced
this pull request
Nov 1, 2023
tujoworker
pushed a commit
that referenced
this pull request
Nov 3, 2023
## [10.11.0](v10.10.0...v10.11.0) (2023-11-03) ### ✨ Features * **breakpoints:** media query mixin offset options ([#2773](#2773)) ([d0c4c6d](d0c4c6d)) * **Dropdown:** add Drawerlist theme for Sbanken ([#2649](#2649)) ([3a69d7c](3a69d7c)) * **FormLabel:** rewrite to TypeScript ([#2818](#2818)) ([2b3e419](2b3e419)) * **forms:** add autocomplete (autofill) support ([#2811](#2811)) ([342556c](342556c)) * **forms:** add Norwegian translation to country list ([#2814](#2814)) ([6073ab7](6073ab7)) * **forms:** reset `sessionStorageId` on submit ([#2812](#2812)) ([cbbd9e5](cbbd9e5)) * **PaymentCard:** add styling for other card statuses ([#2777](#2777)) ([#2822](#2822)) ([195b083](195b083)) * **SASS:** add allBetween media query breakpoint mixin ([#2779](#2779)) ([1c8e8ef](1c8e8ef)) * **Section:** add responsive props: breakout, outline, cornerRadius, backgroundColor, textColor and innerSpace ([#2791](#2791)) ([ed3ca99](ed3ca99)) * **skip-link:** sbanken styling ([#2785](#2785)) ([f6d9ea3](f6d9ea3)) * **Space:** add innerSpace prop with media query breakpoints support ([#2790](#2790)) ([3dffb90](3dffb90)) * **Upload:** singular texts when uploading single file ([#2783](#2783)) ([cbf1cb9](cbf1cb9)) ### 🐛 Bug Fixes * **Anchor:** position icon left with target blank sbanken ([#2797](#2797)) ([d2d1779](d2d1779)) * BreadcrumbItem when using to and element props ([#2813](#2813)) ([e7eff2d](e7eff2d)) * **Breadcrumb:** Pass rest props to item when not interactive ([#2798](#2798)) ([72de227](72de227)), closes [/github.com//pull/2676/files#r1368576095](https://github.com/dnbexperience//github.com/dnbexperience/eufemia/pull/2676/files/issues/r1368576095) * **FieldBlock:** add asFieldset property to force use fieldset/legend ([#2780](#2780)) ([bd1faed](bd1faed)) * **FieldBlock:** fix alignment issue when element is fieldset ([#2786](#2786)) ([544424b](544424b)) * **forms:** enhance accessibility by using toggle buttons ([#2781](#2781)) ([aee0113](aee0113)) * **forms:** fix Form.Element type ([#2796](#2796)) ([0b5dfa7](0b5dfa7)) * **forms:** Selection accessibility enhancement by using toggle buttons ([#2795](#2795)) ([6bc6062](6bc6062)) * **forms:** Support undefined in toggle and button fields ([#2775](#2775)) ([a22fad5](a22fad5)) * **GlobalStatus:** remove paragraph tag around title to allow children paragraphs ([#2800](#2800)) ([c0657bb](c0657bb)) * **NumberFormat:** show em dash instead of NaN ([#2784](#2784)) ([ca65f4a](ca65f4a)) * **NumberMask:** as_number should default to locally given decimalSymbol ([#2810](#2810)) ([833f422](833f422)) * **PhoneNumber:** fix spacing prop support ([#2815](#2815)) ([c57e7d1](c57e7d1)), closes [#2807](#2807) * **TypeScript:** fix Grid and Flex export ([#2819](#2819)) ([5316fc0](5316fc0)) * **TypeScript:** make dynamic element prop compatible with e.g. Styled Component elements ([#2778](#2778)) ([8a6b766](8a6b766)) * **useMedia:** enhance SSR support by setting state during component mount ([#2774](#2774)) ([d72aa2b](d72aa2b)) ### 📝 Documentation * display anchors with icons using Anchor's icon prop ([#2801](#2801)) ([57e75ac](57e75ac)) * **FieldBlock:** removes excessive properties header ([e5d9cbe](e5d9cbe)) * **FieldBlock:** removes excessive properties header ([#2788](#2788)) ([bb739ea](bb739ea)) * **FormSet:** spelling in deprecation docs ([#2827](#2827)) ([1bcbf60](1bcbf60)) * **PaymentCard:** sets card_number as required ([#2841](#2841)) ([b58978e](b58978e))
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add support for extra statuses: replaced, renewed and order_in_process for payment card.
Link to issue: #2776