@popsure/dirty-swan 0.41.0-alpha → 0.41.0-alpha.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.
- package/dist/cjs/index.js +82 -81
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/button/index.d.ts +19 -12
- package/dist/cjs/lib/components/button/index.stories.d.ts +57 -0
- package/dist/cjs/lib/components/button/index.test.d.ts +1 -0
- package/dist/cjs/lib/index.d.ts +1 -1
- package/dist/esm/components/button/index.js +20 -17
- package/dist/esm/components/button/index.js.map +1 -1
- package/dist/esm/components/button/index.stories.js +97 -0
- package/dist/esm/components/button/index.stories.js.map +1 -0
- package/dist/esm/components/button/index.test.js +50 -0
- package/dist/esm/components/button/index.test.js.map +1 -0
- package/dist/esm/components/comparisonTable/index.js.map +1 -1
- package/dist/esm/components/downloadButton/index.js +5 -6
- package/dist/esm/components/downloadButton/index.js.map +1 -1
- package/dist/esm/components/downloadButton/index.stories.js +3 -2
- package/dist/esm/components/downloadButton/index.stories.js.map +1 -1
- package/dist/esm/components/icon/icons/Download.js +2 -2
- package/dist/esm/components/icon/icons/Download.js.map +1 -1
- package/dist/esm/components/icon/icons.stories.js +3 -3
- package/dist/esm/components/icon/icons.stories.js.map +1 -1
- package/dist/esm/components/icon/index.stories.js +1 -1
- package/dist/esm/components/toast/index.stories.js +2 -2
- package/dist/esm/components/toast/index.stories.js.map +1 -1
- package/dist/esm/{index-b4cd59e9.js → index-39fa3631.js} +3 -3
- package/dist/esm/{index-b4cd59e9.js.map → index-39fa3631.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/button/index.d.ts +19 -12
- package/dist/esm/lib/components/button/index.stories.d.ts +57 -0
- package/dist/esm/lib/components/button/index.test.d.ts +1 -0
- package/dist/esm/lib/index.d.ts +1 -1
- package/dist/index.css +84 -27
- package/dist/index.css.map +1 -1
- package/dist/lib/scss/private/components/_buttons.scss +107 -26
- package/package.json +1 -1
- package/src/lib/components/button/index.stories.tsx +189 -0
- package/src/lib/components/button/index.test.tsx +51 -0
- package/src/lib/components/button/index.tsx +78 -59
- package/src/lib/components/comparisonTable/index.tsx +1 -1
- package/src/lib/components/downloadButton/index.tsx +9 -8
- package/src/lib/components/icon/icons.stories.tsx +4 -2
- package/src/lib/components/toast/index.stories.tsx +2 -5
- package/src/lib/index.tsx +1 -1
- package/src/lib/scss/private/components/_buttons.scss +107 -26
- package/dist/cjs/lib/components/button/icons/index.d.ts +0 -9
- package/dist/esm/lib/components/button/icons/index.d.ts +0 -9
- package/src/lib/components/button/icons/index.ts +0 -14
- package/src/lib/components/button/icons/send-purple.svg +0 -4
- package/src/lib/components/button/icons/send-white.svg +0 -4
- package/src/lib/components/button/index.stories.mdx +0 -142
- package/src/lib/components/button/styles.module.scss +0 -5
- package/src/lib/components/downloadButton/icons/download.svg +0 -5
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["lib/scss/private/_reset.scss","lib/scss/private/base/_display.scss","lib/scss/public/grid.scss","lib/scss/private/base/_grid.scss","lib/scss/private/base/flex/_flex.scss","lib/scss/private/base/_spacing.scss","lib/scss/private/base/_width_and_height.scss","lib/scss/private/base/_colors.scss","lib/scss/public/font-weight.scss","lib/scss/public/font/default.scss","lib/scss/private/base/_typography.scss","lib/scss/public/colors/default.scss","lib/scss/private/base/_cursors.scss","lib/scss/private/base/_border_radius.scss","lib/scss/private/components/_buttons.scss","lib/scss/utils/_index.scss","lib/scss/private/components/_input.scss","lib/scss/private/components/_notices.scss","lib/scss/private/components/_badge.scss","lib/scss/private/components/_spinner.scss","lib/scss/private/components/_cards.scss","lib/scss/public/shadows.scss","lib/scss/third-party/_google_places.scss","lib/scss/index.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqFE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;EAEE;EACA;;;AAKF;EAEE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;ACxJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC5BA;ECHF;IAEI;;;ADOF;ECTF;IAMI;;;ADSF;ECfF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACpBF;AA0BE;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AA0Bb;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAuBhB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1DA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAcA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACnBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIJ;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACbJ;EACE;;;AAEF;EACE;;;ACPF;EACI;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AC5BJ;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAKF;EACE,aDzBY;;;AC4Bd;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE,OCzBY;;;AD4Bd;EACE,aF7EmB;EE8EnB;EACA;EACA;;AR3EA;EQuEF;IAOI;IACA;;;AAGF;EAEE;EACA;;ARrFF;EQkFA;IAMI;IACA;;;;AAKN;EACE;EACA;EACA;EACA;;ARlGA;EQ8FF;IAOI;IACA;;;;AAIJ;EACE,aFhHmB;EEiHnB;EACA;EACA;;AR9GA;EQ0GF;IAOI;IACA;;;;AAIJ;EACE,aF5HmB;EE6HnB;EACA;EACA;;;AAGF;EACE,aFlIqB;EEmIrB;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE,OCjHW;;;ADoHb;EACE,OC/Ie;EDgJf;;AAEA;EAEE,OCnJa;;ADsJf;EACE;EACA;EACA;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AE1LF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1BA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;ACTF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA,aN7BmB;EM+BnB;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EAEE,kBHtCa;EGuCb;;AAEA;EACE,kBHzCW;;ATDf;EYyCE;IAII,kBH7CS;;;AGiDb;EACE,kBHnDW;EGoDX;;AAGF;EACE;EACA;;AAKJ;EAEE;EACA,OHhEa;;AGkEb;EACE,kBHrEW;;ATEf;EYkEE;IAII;;;AAIJ;EACE,OH1EW;;AG4EX;EACE;;AAIJ;EACE;EACA;;AAIF;EAEE,kBH7FU;;AGiGd;EAEE,kBHtES;EGuET;;AAEA;EACE,kBHzEO;;AT3BX;EYmGE;IAII,kBH7EK;;;AGiFT;EACE,kBHnFO;EGoFP;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EAEA;;AAEA;EACE;EAIA;EAEA,OAJO;EAKP,QALO;EAOP;EACA;EAEA;EACA;EACA;EAEA;;AAIJ;EAGE,OHrJa;EGsJb;EAEA;;AAEA;EACE,OH1JW;EG2JX,cH5JW;;AG+Jb;EACE,OHhKW;EGiKX,cHlKW;EGmKX;;AAGF;EACE,OHrKW;EGsKX,cHtKW;;AGyKb;EAGE,OHrIQ;EGsIR;EAEA;;AAEA;EACE,OH1IM;EG2IN,cH5IM;;AG+IR;EACE,OHhJM;EGiJN,cHlJM;EGmJN;;AAGF;EACE,OHrJM;EGsJN,cHtJM;;;AI1Cd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACVF;EACE;EAEA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA,OL6BY;EK3BZ;;AAEA;EACE,OLqBU;;AKlBZ;EACE,kBLeU;EKdV;;AAGF;EACE;EACA;;AAGF;EAEE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;EAEA;EACA;EACA;EAEA;;;AAKE;EACE;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;;AAIJ;EACE;;;AAIJ;EACE;;;AAGA;EACE,cLjGa;EKkGb;;;AAMA;EACE;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;;;AAQF;AAAA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;EAEA,kBL/Ia;EKiJb,cLjJa;;;AKqJjB;EACE;;;AAGF;EACE;EAEA;EACA;EAEA;EACA;EACA,OLtHY;;AKwHZ;EACE;EAEA;EAEA;EACA;EACA;EAMA;;AAJA;EACE,cL7KW;;;AKoLjB;AAAA;EAEE,cLtLe;EKuLf,kBLzLe;;;AK4LjB;EACE;;AAEA;EACE;EAEA;EACA;EAEA;;;AAIJ;EACE;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA,OL1KY;EK4KZ;EACA;EAEA;EACA;EACA;EAEA;;AAEA;EACE;EACA,cLlOa;;AKqOf;EACE,OL9LU;;AKiMZ;EACE;EACA;;AAGF;EACE;;;AClPJ;EACE;EACA;EACA;;AAEA;EAEE,kBNEY;EMDZ,cNGY;EMFZ,ONqCU;;AMlCZ;EAEE,kBNaS;EMZT,cNcS;EMbT,ON8BU;;AM3BZ;EAEE,kBNuCY;EMtCZ,cNwCY;;AMrCd;EAEE,kBNqBW;EMpBX,cNsBW;;AMnBb;EAEE,kBNlBU;EMmBV,cNjBU;;;AOjBd;EACE;EAEA;EAEA;EACA,OPwCY;EOvCZ;EAEA;EACA;EAEA;;AAEA;EAEE,kBPiCW;;AO9Bb;EAEE,kBPwCY;;AOrCd;EAEE,kBPgBU;;AObZ;EAEE,kBPHS;;AOMX;EAEE,kBPpBU;;AOuBZ;EAEE,kBPhCY;;;AQThB;EACE;EAEA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EAEE;EACA;;AAIJ;EACE;EACA;;AACA;EAEE;EACA;;;AAKN;EACE;IACE;;EAEF;IACE;;;ACvDJ;EACE;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EAEE;;AAGF;EACE;;;ACxBJ;EACE,YANM;;;AASR;EACE,YATM;;;AAYR;EACE,YAZM;;;AAeR;EACE,YAfK;;;AbAP;EACE;;;AAEF;EACE;;;AcLF;EACE;EACA;EACA;EACA;EAEA;EAEA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAIF;EACE;;;AAGF;EACE;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AChDJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,kBZoBY","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["lib/scss/private/_reset.scss","lib/scss/private/base/_display.scss","lib/scss/public/grid.scss","lib/scss/private/base/_grid.scss","lib/scss/private/base/flex/_flex.scss","lib/scss/private/base/_spacing.scss","lib/scss/private/base/_width_and_height.scss","lib/scss/private/base/_colors.scss","lib/scss/public/font-weight.scss","lib/scss/public/font/default.scss","lib/scss/private/base/_typography.scss","lib/scss/public/colors/default.scss","lib/scss/private/base/_cursors.scss","lib/scss/private/base/_border_radius.scss","lib/scss/private/components/_buttons.scss","lib/scss/utils/_index.scss","lib/scss/private/components/_input.scss","lib/scss/private/components/_notices.scss","lib/scss/private/components/_badge.scss","lib/scss/private/components/_spinner.scss","lib/scss/private/components/_cards.scss","lib/scss/public/shadows.scss","lib/scss/third-party/_google_places.scss","lib/scss/index.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqFE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;EAEE;EACA;;;AAKF;EAEE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;ACxJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC5BA;ECHF;IAEI;;;ADOF;ECTF;IAMI;;;ADSF;ECfF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACpBF;AA0BE;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AA0Bb;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAuBhB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1DA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAcA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACnBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;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","file":"index.css"}
|
|
@@ -12,13 +12,14 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.p-btn {
|
|
15
|
-
display: inline-
|
|
16
|
-
|
|
15
|
+
display: inline-flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
|
|
17
18
|
position: relative;
|
|
18
19
|
cursor: pointer;
|
|
19
20
|
|
|
20
21
|
height: 48px;
|
|
21
|
-
padding:
|
|
22
|
+
padding: 0 24px;
|
|
22
23
|
|
|
23
24
|
line-height: 24px;
|
|
24
25
|
|
|
@@ -37,6 +38,12 @@
|
|
|
37
38
|
&[disabled] {
|
|
38
39
|
cursor: default;
|
|
39
40
|
opacity: 0.5;
|
|
41
|
+
cursor: not-allowed;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&--icon-only {
|
|
45
|
+
width: 48px;
|
|
46
|
+
padding: 0;
|
|
40
47
|
}
|
|
41
48
|
|
|
42
49
|
&--primary {
|
|
@@ -95,6 +102,20 @@
|
|
|
95
102
|
@extend .p-btn--secondary;
|
|
96
103
|
background-color: $ds-primary-50;
|
|
97
104
|
}
|
|
105
|
+
|
|
106
|
+
&-white {
|
|
107
|
+
@extend .p-btn--secondary;
|
|
108
|
+
background-color: $ds-white;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&-inverted {
|
|
112
|
+
@extend .p-btn--secondary;
|
|
113
|
+
color: $ds-white;
|
|
114
|
+
|
|
115
|
+
&:hover, &:focus {
|
|
116
|
+
background-color: $ds-primary-700;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
98
119
|
}
|
|
99
120
|
|
|
100
121
|
&--danger {
|
|
@@ -122,30 +143,28 @@
|
|
|
122
143
|
}
|
|
123
144
|
}
|
|
124
145
|
|
|
125
|
-
&--
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
opacity: 1 !important;
|
|
130
|
-
|
|
131
|
-
&::before {
|
|
132
|
-
content: '';
|
|
133
|
-
|
|
134
|
-
$size: 26px;
|
|
135
|
-
|
|
136
|
-
position: absolute;
|
|
146
|
+
&--success {
|
|
147
|
+
@extend .p-btn;
|
|
148
|
+
background-color: $ds-green-500;
|
|
149
|
+
color: white;
|
|
137
150
|
|
|
138
|
-
|
|
139
|
-
|
|
151
|
+
&:hover {
|
|
152
|
+
background-color: $ds-green-700;
|
|
140
153
|
|
|
141
|
-
|
|
142
|
-
|
|
154
|
+
@include p-size-mobile {
|
|
155
|
+
background-color: $ds-green-500;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
143
158
|
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
159
|
+
&[disabled] {
|
|
160
|
+
background-color: $ds-green-300;
|
|
161
|
+
opacity: 1;
|
|
162
|
+
}
|
|
147
163
|
|
|
148
|
-
|
|
164
|
+
&:focus {
|
|
165
|
+
outline: none;
|
|
166
|
+
box-shadow: 0 0 0 1px white,
|
|
167
|
+
0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
|
|
149
168
|
}
|
|
150
169
|
}
|
|
151
170
|
|
|
@@ -155,7 +174,7 @@
|
|
|
155
174
|
color: $ds-primary-500;
|
|
156
175
|
background-color: transparent;
|
|
157
176
|
|
|
158
|
-
border: 1px
|
|
177
|
+
border: 1px solid $ds-primary-300;
|
|
159
178
|
|
|
160
179
|
&:hover {
|
|
161
180
|
color: $ds-primary-700;
|
|
@@ -170,7 +189,33 @@
|
|
|
170
189
|
|
|
171
190
|
&:focus {
|
|
172
191
|
color: $ds-primary-700;
|
|
173
|
-
|
|
192
|
+
outline: none;
|
|
193
|
+
box-shadow: 0 0 0 1px white,
|
|
194
|
+
0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
&-white {
|
|
198
|
+
@extend .p-btn;
|
|
199
|
+
|
|
200
|
+
color: $ds-white;
|
|
201
|
+
border: 1px solid $ds-white;
|
|
202
|
+
background-color: transparent;
|
|
203
|
+
|
|
204
|
+
&:hover {
|
|
205
|
+
background-color: $ds-primary-700;
|
|
206
|
+
border-color: $ds-primary-700;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
&[disabled] {
|
|
210
|
+
background-color: transparent;
|
|
211
|
+
opacity: 0.5;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
&:focus {
|
|
215
|
+
outline: none;
|
|
216
|
+
box-shadow: 0 0 0 1px white,
|
|
217
|
+
0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
|
|
218
|
+
}
|
|
174
219
|
}
|
|
175
220
|
|
|
176
221
|
&-grey {
|
|
@@ -179,7 +224,7 @@
|
|
|
179
224
|
color: $ds-grey-500;
|
|
180
225
|
background-color: transparent;
|
|
181
226
|
|
|
182
|
-
border: 1px
|
|
227
|
+
border: 1px solid $ds-grey-400;
|
|
183
228
|
|
|
184
229
|
&:hover {
|
|
185
230
|
color: $ds-grey-600;
|
|
@@ -198,4 +243,40 @@
|
|
|
198
243
|
}
|
|
199
244
|
}
|
|
200
245
|
}
|
|
246
|
+
|
|
247
|
+
&--loading {
|
|
248
|
+
color: transparent;
|
|
249
|
+
cursor: default;
|
|
250
|
+
|
|
251
|
+
opacity: 1 !important;
|
|
252
|
+
|
|
253
|
+
&::before {
|
|
254
|
+
content: '';
|
|
255
|
+
|
|
256
|
+
$size: 26px;
|
|
257
|
+
|
|
258
|
+
position: absolute;
|
|
259
|
+
|
|
260
|
+
width: $size;
|
|
261
|
+
height: $size;
|
|
262
|
+
|
|
263
|
+
left: calc(50% - 13px);
|
|
264
|
+
top: calc(50% - 13px);
|
|
265
|
+
|
|
266
|
+
border-radius: 50%;
|
|
267
|
+
border: 2px solid rgba($color: #ffffff, $alpha: 0.5);
|
|
268
|
+
border-left-color: white;
|
|
269
|
+
|
|
270
|
+
animation: spinner-rotate 0.9s infinite;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
&.p-btn--secondary-grey,
|
|
274
|
+
&.p-btn--secondary-white {
|
|
275
|
+
&::before {
|
|
276
|
+
border-color: rgba($color: $ds-primary-500, $alpha: 0.5);
|
|
277
|
+
border-left-color: $ds-primary-500;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
|
|
201
282
|
}
|
package/package.json
CHANGED
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import { Button, ButtonProps, ButtonVariant } from '.';
|
|
2
|
+
import { FileIcon } from '../icon';
|
|
3
|
+
|
|
4
|
+
const story = {
|
|
5
|
+
title: 'JSX/Button',
|
|
6
|
+
component: Button,
|
|
7
|
+
argTypes: {
|
|
8
|
+
children: {
|
|
9
|
+
control: { type: 'text' },
|
|
10
|
+
defaultValue: 'Click me',
|
|
11
|
+
description: 'Text that is displayed inside the button. Hidden when hideLabel is set as true',
|
|
12
|
+
},
|
|
13
|
+
variant: {
|
|
14
|
+
defaultValue: 'filledColor',
|
|
15
|
+
description: 'Variant that defines the style of the Button',
|
|
16
|
+
},
|
|
17
|
+
leftIcon: {
|
|
18
|
+
description: 'Icon to be displayed on the left side of the button. This makes use of [dirty swan Icon component](http://localhost:9009/?path=/docs/jsx-icon--icon-story).',
|
|
19
|
+
},
|
|
20
|
+
rightIcon: {
|
|
21
|
+
description: 'Icon to be displayed on the right side of the button. This makes use of [dirty swan Icon component](http://localhost:9009/?path=/docs/jsx-icon--icon-story).',
|
|
22
|
+
},
|
|
23
|
+
loading: {
|
|
24
|
+
defaultValue: false,
|
|
25
|
+
description: 'Show button on a loading state.',
|
|
26
|
+
},
|
|
27
|
+
hideLabel: {
|
|
28
|
+
defaultValue: false,
|
|
29
|
+
description: 'Show button as an icon only button. This hides the label but still keeps it for accessibility purposes.',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
parameters: {
|
|
33
|
+
design: {
|
|
34
|
+
url: 'https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FMKs4cbojdVOBKUxv7okb93%2FDirty-Swan-Pattern-Library%3Fnode-id%3D251%253A26',
|
|
35
|
+
type: 'figma'
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export const ButtonStory = ({
|
|
41
|
+
className,
|
|
42
|
+
loading = false,
|
|
43
|
+
children,
|
|
44
|
+
variant,
|
|
45
|
+
hideLabel
|
|
46
|
+
}: ButtonProps) => (
|
|
47
|
+
<div className='wmx6'>
|
|
48
|
+
<Button
|
|
49
|
+
className={className}
|
|
50
|
+
loading={loading}
|
|
51
|
+
variant={variant}
|
|
52
|
+
hideLabel={hideLabel}
|
|
53
|
+
>
|
|
54
|
+
{children}
|
|
55
|
+
</Button>
|
|
56
|
+
</div>
|
|
57
|
+
);
|
|
58
|
+
|
|
59
|
+
ButtonStory.storyName = "Button";
|
|
60
|
+
|
|
61
|
+
export const ButtonVariants = ({ children, onClick }: ButtonProps) => (
|
|
62
|
+
<div>
|
|
63
|
+
<h3 className='p-h3 mb24'>Filled variants</h3>
|
|
64
|
+
<div className='d-flex gap16 p24 bg-grey-300 br8'>
|
|
65
|
+
{[ "filledColor", "filledGray", "filledWhite"].map((variant) => (
|
|
66
|
+
<div key={variant}>
|
|
67
|
+
<h4 className='p-h4 mb16'>
|
|
68
|
+
{variant}
|
|
69
|
+
</h4>
|
|
70
|
+
|
|
71
|
+
<Button onClick={onClick} variant={variant as ButtonVariant}>
|
|
72
|
+
{children}
|
|
73
|
+
</Button>
|
|
74
|
+
</div>
|
|
75
|
+
))}
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
<h3 className='p-h3 my24'>Text variants</h3>
|
|
79
|
+
<div className='d-flex gap16 p24 bg-grey-300 br8'>
|
|
80
|
+
{["textColor", "textWhite"].map((variant, index) => (
|
|
81
|
+
<div key={variant} className={variant === "textWhite" ? "bg-primary-500 px32 br8" : ""}>
|
|
82
|
+
<h4 className={`p-h4 mb16 ${variant === "textWhite" ?? "tc-white"}`}>
|
|
83
|
+
{variant}
|
|
84
|
+
</h4>
|
|
85
|
+
|
|
86
|
+
<Button onClick={onClick} variant={variant as ButtonVariant}>
|
|
87
|
+
{children}
|
|
88
|
+
</Button>
|
|
89
|
+
</div>
|
|
90
|
+
))}
|
|
91
|
+
</div>
|
|
92
|
+
|
|
93
|
+
<h3 className='p-h3 my24'>Outline variants</h3>
|
|
94
|
+
<div className='d-flex gap16 p24 bg-primary-500 br8'>
|
|
95
|
+
<div>
|
|
96
|
+
<h4 className='p-h4 mb16 tc-white'>
|
|
97
|
+
outlineWhite
|
|
98
|
+
</h4>
|
|
99
|
+
|
|
100
|
+
<Button onClick={onClick} variant={'outlineWhite'}>
|
|
101
|
+
{children}
|
|
102
|
+
</Button>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
<h3 className='p-h3 my24'>State variants</h3>
|
|
107
|
+
<div className='d-flex gap16 p24 bg-grey-300 br8'>
|
|
108
|
+
{["filledSuccess", "filledError"].map((variant) => (
|
|
109
|
+
<div key={variant}>
|
|
110
|
+
<h4 className='p-h4 mb16'>
|
|
111
|
+
{variant}
|
|
112
|
+
</h4>
|
|
113
|
+
|
|
114
|
+
<Button onClick={onClick} variant={variant as ButtonVariant}>
|
|
115
|
+
{children}
|
|
116
|
+
</Button>
|
|
117
|
+
</div>
|
|
118
|
+
))}
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
);
|
|
122
|
+
|
|
123
|
+
export const ButtonOnBackgrounds = ({ onClick }: ButtonProps) => (
|
|
124
|
+
<div>
|
|
125
|
+
<div className='p24 bg-white br8'>
|
|
126
|
+
<h3 className='p-h3 mb16'>On white</h3>
|
|
127
|
+
<div className='d-flex gap16'>
|
|
128
|
+
{[ "filledColor", "filledGray", "textColor"].map((variant) => (
|
|
129
|
+
<Button key={variant} onClick={onClick} variant={variant as ButtonVariant}>
|
|
130
|
+
{variant}
|
|
131
|
+
</Button>
|
|
132
|
+
))}
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
|
|
136
|
+
<div className='p24 bg-grey-200 br8'>
|
|
137
|
+
<h3 className='p-h3 mb16'>On grey</h3>
|
|
138
|
+
<div className='d-flex gap16'>
|
|
139
|
+
{[ "filledColor", "filledWhite", "textColor"].map((variant) => (
|
|
140
|
+
<Button key={variant} onClick={onClick} variant={variant as ButtonVariant}>
|
|
141
|
+
{variant}
|
|
142
|
+
</Button>
|
|
143
|
+
))}
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
|
|
147
|
+
<div className='p24 bg-primary-500 br8'>
|
|
148
|
+
<h3 className='p-h3 mb16 tc-white'>On primary</h3>
|
|
149
|
+
<div className='d-flex gap16'>
|
|
150
|
+
{["filledWhite", "outlineWhite", "textWhite"].map((variant) => (
|
|
151
|
+
<Button key={variant} onClick={onClick} variant={variant as ButtonVariant}>
|
|
152
|
+
{variant}
|
|
153
|
+
</Button>
|
|
154
|
+
))}
|
|
155
|
+
</div>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
);
|
|
159
|
+
|
|
160
|
+
export const ButtonWithIcons = ({ children, onClick }: ButtonProps) => (
|
|
161
|
+
<div className='d-flex gap16'>
|
|
162
|
+
<Button leftIcon={<FileIcon />} onClick={onClick}>
|
|
163
|
+
{children}
|
|
164
|
+
</Button>
|
|
165
|
+
<Button rightIcon={<FileIcon />} onClick={onClick}>
|
|
166
|
+
{children}
|
|
167
|
+
</Button>
|
|
168
|
+
</div>
|
|
169
|
+
);
|
|
170
|
+
|
|
171
|
+
export const ButtonWithIconOnly = ({ children, onClick }: ButtonProps) => (
|
|
172
|
+
<Button leftIcon={<FileIcon />} hideLabel onClick={onClick}>
|
|
173
|
+
{children}
|
|
174
|
+
</Button>
|
|
175
|
+
);
|
|
176
|
+
|
|
177
|
+
export const ButtonLoading = ({ children, onClick }: ButtonProps) => (
|
|
178
|
+
<Button loading onClick={onClick}>
|
|
179
|
+
{children}
|
|
180
|
+
</Button>
|
|
181
|
+
);
|
|
182
|
+
|
|
183
|
+
export const ButtonDisabled = ({ children, onClick }: ButtonProps) => (
|
|
184
|
+
<Button disabled onClick={onClick}>
|
|
185
|
+
{children}
|
|
186
|
+
</Button>
|
|
187
|
+
);
|
|
188
|
+
|
|
189
|
+
export default story;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { render, screen } from '../../util/testUtils';
|
|
2
|
+
|
|
3
|
+
import { Button } from '.';
|
|
4
|
+
|
|
5
|
+
const buttonContent = "Click here";
|
|
6
|
+
|
|
7
|
+
const FakeIcon = () => (
|
|
8
|
+
<span>ABC</span>
|
|
9
|
+
)
|
|
10
|
+
|
|
11
|
+
const mockOnClick = jest.fn();
|
|
12
|
+
|
|
13
|
+
describe('Button component', () => {
|
|
14
|
+
it('Should render content', () => {
|
|
15
|
+
render(<Button>{buttonContent}</Button>);
|
|
16
|
+
|
|
17
|
+
expect(screen.getByText(buttonContent)).toBeInTheDocument();
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
it('Should render leftIcon', () => {
|
|
21
|
+
render(<Button leftIcon={<FakeIcon />}>{buttonContent}</Button>);
|
|
22
|
+
|
|
23
|
+
expect(screen.getByText("ABC")).toBeInTheDocument();
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
it('Should render rightIcon', () => {
|
|
27
|
+
render(<Button rightIcon={<FakeIcon />}>{buttonContent}</Button>);
|
|
28
|
+
|
|
29
|
+
expect(screen.getByText("ABC")).toBeInTheDocument();
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
it('Should be disabled', () => {
|
|
33
|
+
render(<Button disabled>{buttonContent}</Button>);
|
|
34
|
+
|
|
35
|
+
expect(screen.getByTestId("button")).toBeDisabled();
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it('Should show loading state', () => {
|
|
39
|
+
render(<Button loading>{buttonContent}</Button>);
|
|
40
|
+
|
|
41
|
+
expect(screen.getByTestId("button")).toHaveClass('p-btn--loading');
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
it('Should call onClick clicked', async () => {
|
|
45
|
+
const { user } = render(<Button onClick={mockOnClick}>{buttonContent}</Button>);
|
|
46
|
+
|
|
47
|
+
await user.click(screen.getByText(buttonContent));
|
|
48
|
+
|
|
49
|
+
expect(mockOnClick).toHaveBeenCalledTimes(1)
|
|
50
|
+
});
|
|
51
|
+
});
|
|
@@ -1,69 +1,88 @@
|
|
|
1
|
-
import
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import React, { ReactElement, ReactNode } from 'react';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
+
type ButtonVariant =
|
|
5
|
+
| 'filledColor'
|
|
6
|
+
| 'filledGray'
|
|
7
|
+
| 'filledWhite'
|
|
8
|
+
| 'textColor'
|
|
9
|
+
| 'textWhite'
|
|
10
|
+
| 'outlineWhite'
|
|
11
|
+
| 'filledSuccess'
|
|
12
|
+
| 'filledError';
|
|
4
13
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
secondary: 'p-btn--secondary',
|
|
15
|
-
secondaryGrey: 'p-btn--secondary-grey',
|
|
16
|
-
outline: 'p-btn--outline',
|
|
17
|
-
outlineGrey: 'p-btn--outline-grey',
|
|
14
|
+
const buttonTypeClassNameMap: { [K in ButtonVariant]: string } = {
|
|
15
|
+
filledColor: 'p-btn--primary',
|
|
16
|
+
filledGray: 'p-btn--secondary-grey',
|
|
17
|
+
filledWhite: 'p-btn--secondary-white',
|
|
18
|
+
textColor: 'p-btn--secondary',
|
|
19
|
+
textWhite: 'p-btn--secondary-inverted',
|
|
20
|
+
outlineWhite: 'p-btn--outline-white',
|
|
21
|
+
filledSuccess: 'p-btn--success',
|
|
22
|
+
filledError: 'p-btn--danger',
|
|
18
23
|
};
|
|
19
24
|
|
|
20
|
-
interface Icon {
|
|
21
|
-
src: string;
|
|
22
|
-
alt: string;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
25
|
type ButtonProps = {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
leftIcon?:
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
variant?: ButtonVariant;
|
|
28
|
+
leftIcon?: ReactElement;
|
|
29
|
+
rightIcon?: ReactElement;
|
|
29
30
|
loading?: boolean;
|
|
31
|
+
hideLabel?: boolean;
|
|
30
32
|
} & Omit<JSX.IntrinsicElements['button'], 'children'>;
|
|
31
33
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
className
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
34
|
+
const Button = React.forwardRef((
|
|
35
|
+
{
|
|
36
|
+
className,
|
|
37
|
+
loading = false,
|
|
38
|
+
children,
|
|
39
|
+
variant = 'filledColor',
|
|
40
|
+
leftIcon,
|
|
41
|
+
rightIcon,
|
|
42
|
+
hideLabel,
|
|
43
|
+
...props
|
|
44
|
+
}: ButtonProps,
|
|
45
|
+
ref?: React.ForwardedRef<HTMLButtonElement>
|
|
46
|
+
) => (
|
|
47
|
+
<button
|
|
48
|
+
ref={ref}
|
|
49
|
+
className={classNames(
|
|
50
|
+
buttonTypeClassNameMap[variant],
|
|
51
|
+
className, {
|
|
52
|
+
'p-btn--loading': loading,
|
|
53
|
+
'p-btn--icon-only': hideLabel,
|
|
54
|
+
})}
|
|
55
|
+
data-testid="button"
|
|
56
|
+
{...props}
|
|
57
|
+
>
|
|
58
|
+
{leftIcon || rightIcon ? (
|
|
59
|
+
<div className="d-flex jc-center ai-center">
|
|
60
|
+
{leftIcon && (
|
|
61
|
+
<span>
|
|
62
|
+
{React.cloneElement(leftIcon, { size: 24 })}
|
|
63
|
+
</span>
|
|
64
|
+
)}
|
|
65
|
+
|
|
66
|
+
<div
|
|
67
|
+
className={classNames(
|
|
68
|
+
'mx8', {
|
|
69
|
+
'sr-only': hideLabel
|
|
70
|
+
}
|
|
71
|
+
)}
|
|
72
|
+
>
|
|
73
|
+
{children}
|
|
62
74
|
</div>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
75
|
+
|
|
76
|
+
{rightIcon && (
|
|
77
|
+
<span>
|
|
78
|
+
{React.cloneElement(rightIcon, { size: 24 })}
|
|
79
|
+
</span>
|
|
80
|
+
)}
|
|
81
|
+
</div>
|
|
82
|
+
) : children}
|
|
83
|
+
</button>
|
|
84
|
+
)
|
|
69
85
|
);
|
|
86
|
+
|
|
87
|
+
export { Button };
|
|
88
|
+
export type { ButtonProps, ButtonVariant };
|