@fpkit/acss 6.3.0 → 6.4.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/libs/components/alert/alert.css +1 -1
- package/libs/components/alert/alert.css.map +1 -1
- package/libs/components/alert/alert.min.css +2 -2
- package/libs/components/buttons/icon-button.css +1 -1
- package/libs/components/buttons/icon-button.css.map +1 -1
- package/libs/components/buttons/icon-button.min.css +2 -2
- package/libs/components/dialog/dialog.css +1 -1
- package/libs/components/dialog/dialog.css.map +1 -1
- package/libs/components/dialog/dialog.min.css +2 -2
- package/libs/components/icons/icon.d.cts +1 -1
- package/libs/components/icons/icon.d.ts +1 -1
- package/libs/{icons-2c09535c.d.ts → icons-48788561.d.ts} +32 -32
- package/libs/icons.d.cts +1 -1
- package/libs/icons.d.ts +1 -1
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/libs/index.d.cts +11 -8
- package/libs/index.d.ts +11 -8
- package/libs/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/alert.scss +0 -13
- package/src/components/buttons/icon-button.mdx +204 -0
- package/src/components/buttons/icon-button.scss +64 -26
- package/src/components/buttons/icon-button.tsx +9 -6
- package/src/components/dialog/dialog-modal.stories.tsx +71 -0
- package/src/components/dialog/dialog-modal.tsx +29 -3
- package/src/components/dialog/dialog.scss +1 -0
- package/src/components/dialog/dialog.test.tsx +119 -0
- package/src/components/dialog/dialog.types.ts +8 -1
- package/src/sass/utilities/_display.scss +156 -0
- package/src/sass/utilities/_index.scss +3 -0
- package/src/sass/utilities/display.mdx +203 -0
- package/src/sass/utilities/display.stories.tsx +141 -0
- package/src/styles/alert/alert.css +0 -13
- package/src/styles/alert/alert.css.map +1 -1
- package/src/styles/buttons/icon-button.css +55 -16
- package/src/styles/buttons/icon-button.css.map +1 -1
- package/src/styles/dialog/dialog.css +1 -0
- package/src/styles/dialog/dialog.css.map +1 -1
- package/src/styles/index.css +136 -13
- package/src/styles/index.css.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
[role=alert]{--alert-success-bg: var(--color-success-bg);--alert-success-border: var(--color-success-border);--alert-success-text: var(--color-success-text);--alert-error-bg: var(--color-error-bg);--alert-error-border: var(--color-error-border);--alert-error-text: var(--color-error-text);--alert-warning-bg: var(--color-warning-bg);--alert-warning-border: var(--color-warning-border);--alert-warning-text: var(--color-warning-text);--alert-info-bg: var(--color-info-bg);--alert-info-border: var(--color-info-border);--alert-info-text: var(--color-info-text);--alert-transition-duration: 0.3s;--alert-border: thin solid currentColor;background-color:var(--alert-bg, var(--color-surface));border:var(--alert-border, var(--color-border));color:var(--alert-color, var(--color-text));padding:var(--alert-padding, var(--spc-4));margin-block-end:var(--alert-margin-block-end);font-size:var(--fs-0);line-height:1.6;display:flex;flex-direction:row;border-radius:var(--alert-radius, var(--border-radius));gap:var(--alert-gap, var(--spc-4));transition:opacity var(--alert-transition-duration) ease,transform var(--alert-transition-duration) ease;opacity:1;transform:translateY(0)}[role=alert]:not([data-visible=true]){opacity:0;transform:translateY(-0.5rem)}@media(prefers-reduced-motion: reduce){[role=alert]{transition-duration:.01ms}}[role=alert]:focus{outline:2px solid currentColor;outline-offset:2px}[role=alert]:focus:not(:focus-visible){outline:none}[role=alert] .alert-icon{margin-block-start:0;align-items:center}[role=alert] .alert-message{flex:2;margin-block-start:0}[role=alert] .alert-message .alert-title{margin-block-end:var(--spc-1, 0.25rem);margin-block-start:0;font-weight:var(--alert-title-fw, 600);font-size:var(--alert-title-fs, inherit);line-height:1.4}[role=alert] .alert-message h2.alert-title,[role=alert] .alert-message h3.alert-title,[role=alert] .alert-message h4.alert-title,[role=alert] .alert-message h5.alert-title,[role=alert] .alert-message h6.alert-title{margin:0;margin-block-end:var(--spc-1, 0.25rem);font-size:inherit;font-weight:var(--alert-title-fw, 600)}[role=alert][data-alert~=info]{--alert-bg: var(--alert-info-bg);--alert-color: var(--alert-info-text);border-color:var(--alert-info-border)}[role=alert][data-alert~=warning]{--alert-bg: var(--alert-warning-bg);--alert-color: var(--alert-warning-text);border-color:var(--alert-warning-border)}[role=alert][data-alert~=error]{--alert-bg: var(--alert-error-bg);--alert-color: var(--alert-error-text);border-color:var(--alert-error-border)}[role=alert][data-alert~=success]{--alert-bg: var(--alert-success-bg);--alert-color: var(--alert-success-text);border-color:var(--alert-success-border)}[role=alert] button[data-btn~=icon]{--btn-bg: transparent;align-items:flex-start}[role=alert][data-variant=filled]{border:none}[role=alert][data-variant=filled][data-alert~=info]{--alert-bg: var(--alert-info-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=warning]{--alert-bg: var(--alert-warning-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=error]{--alert-bg: var(--alert-error-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=success]{--alert-bg: var(--alert-success-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=default]{--alert-bg: #757575;--alert-color: white}[role=alert][data-variant=soft]{border:none}[role=alert] p{font-size:.875rem}/*# sourceMappingURL=alert.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/alert/alert.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/alert/alert.scss"],"names":[],"mappings":"AAAA,aAEE,4CACA,oDACA,gDAGA,wCACA,gDACA,4CAGA,4CACA,oDACA,gDAGA,sCACA,8CACA,0CAGA,kCAEA,wCAEA,uDACA,gDACA,4CACA,2CACA,+CACA,sBACA,gBACA,aACA,mBACA,wDACA,mCAGA,WACE,8FAEF,UACA,wBAEA,sCACE,UACA,8BAGF,uCAlDF,aAmDI,2BAIF,mBACE,+BACA,mBAIF,uCACE,aAGF,yBACE,qBACA,mBAGF,4BACE,OACA,qBAGA,yCACE,uCACA,qBACA,uCACA,yCACA,gBAIF,uNAKE,SACA,uCACA,kBACA,uCAIJ,+BACE,iCACA,sCACA,sCAGF,kCACE,oCACA,yCACA,yCAGF,gCACE,kCACA,uCACA,uCAGF,kCACE,oCACA,yCACA,yCAIA,oCACE,sBACA,uBAKJ,kCACE,YAEA,oDACE,qCACA,qBAGF,uDACE,wCACA,qBAGF,qDACE,sCACA,qBAGF,uDACE,wCACA,qBAGF,uDACE,oBACA,qBAKJ,gCACE,YAQF,eACE","file":"alert.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
[role=alert]{--alert-success-bg: var(--color-success-bg);--alert-success-border: var(--color-success-border);--alert-success-text: var(--color-success-text);--alert-error-bg: var(--color-error-bg);--alert-error-border: var(--color-error-border);--alert-error-text: var(--color-error-text);--alert-warning-bg: var(--color-warning-bg);--alert-warning-border: var(--color-warning-border);--alert-warning-text: var(--color-warning-text);--alert-info-bg: var(--color-info-bg);--alert-info-border: var(--color-info-border);--alert-info-text: var(--color-info-text);--alert-transition-duration: 0.3s;--alert-border: thin solid currentColor;background-color:var(--alert-bg, var(--color-surface));border:var(--alert-border, var(--color-border));color:var(--alert-color, var(--color-text));padding:var(--alert-padding, var(--spc-4));margin-block-end:var(--alert-margin-block-end);font-size:var(--fs-0);line-height:1.6;display:flex;flex-direction:row;border-radius:var(--alert-radius, var(--border-radius));gap:var(--alert-gap, var(--spc-4));transition:opacity var(--alert-transition-duration) ease,transform var(--alert-transition-duration) ease;opacity:1;transform:translateY(0)}[role=alert]:not([data-visible=true]){opacity:0;transform:translateY(-0.5rem)}@media(prefers-reduced-motion: reduce){[role=alert]{transition-duration:.01ms}}[role=alert]:focus{outline:2px solid currentColor;outline-offset:2px}[role=alert]:focus:not(:focus-visible){outline:none}[role=alert] .alert-icon{margin-block-start:0;align-items:center}[role=alert] .alert-message{flex:2;margin-block-start:0}[role=alert] .alert-message .alert-title{margin-block-end:var(--spc-1, 0.25rem);margin-block-start:0;font-weight:var(--alert-title-fw, 600);font-size:var(--alert-title-fs, inherit);line-height:1.4}[role=alert] .alert-message h2.alert-title,[role=alert] .alert-message h3.alert-title,[role=alert] .alert-message h4.alert-title,[role=alert] .alert-message h5.alert-title,[role=alert] .alert-message h6.alert-title{margin:0;margin-block-end:var(--spc-1, 0.25rem);font-size:inherit;font-weight:var(--alert-title-fw, 600)}[role=alert][data-alert~=info]{--alert-bg: var(--alert-info-bg);--alert-color: var(--alert-info-text);border-color:var(--alert-info-border)}[role=alert][data-alert~=warning]{--alert-bg: var(--alert-warning-bg);--alert-color: var(--alert-warning-text);border-color:var(--alert-warning-border)}[role=alert][data-alert~=error]{--alert-bg: var(--alert-error-bg);--alert-color: var(--alert-error-text);border-color:var(--alert-error-border)}[role=alert][data-alert~=success]{--alert-bg: var(--alert-success-bg);--alert-color: var(--alert-success-text);border-color:var(--alert-success-border)}[role=alert] button[data-btn~=icon]{--btn-bg: transparent;align-items:flex-start}[role=alert][data-variant=filled]{border:none}[role=alert][data-variant=filled][data-alert~=info]{--alert-bg: var(--alert-info-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=warning]{--alert-bg: var(--alert-warning-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=error]{--alert-bg: var(--alert-error-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=success]{--alert-bg: var(--alert-success-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=default]{--alert-bg: #757575;--alert-color: white}[role=alert][data-variant=soft]{border:none}[role=alert] p{font-size:.875rem}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsYUFFRSwyQ0FBQSxDQUNBLG1EQUFBLENBQ0EsK0NBQUEsQ0FHQSx1Q0FBQSxDQUNBLCtDQUFBLENBQ0EsMkNBQUEsQ0FHQSwyQ0FBQSxDQUNBLG1EQUFBLENBQ0EsK0NBQUEsQ0FHQSxxQ0FBQSxDQUNBLDZDQUFBLENBQ0EseUNBQUEsQ0FHQSxpQ0FBQSxDQUVBLHVDQUFBLENBRUEsc0RBQUEsQ0FDQSwrQ0FBQSxDQUNBLDJDQUFBLENBQ0EsMENBQUEsQ0FDQSw4Q0FBQSxDQUNBLHFCQUFBLENBQ0EsZUFBQSxDQUNBLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLHVEQUFBLENBQ0Esa0NBQUEsQ0FHQSx3R0FDRSxDQUVGLFNBQUEsQ0FDQSx1QkFBQSxDQUVBLHNDQUNFLFNBQUEsQ0FDQSw2QkFBQSxDQUdGLHVDQWxERixhQW1ESSx5QkFBQSxDQUFBLENBSUYsbUJBQ0UsOEJBQUEsQ0FDQSxrQkFBQSxDQUlGLHVDQUNFLFlBQUEsQ0FHRix5QkFDRSxvQkFBQSxDQUNBLGtCQUFBLENBR0YsNEJBQ0UsTUFBQSxDQUNBLG9CQUFBLENBR0EseUNBQ0Usc0NBQUEsQ0FDQSxvQkFBQSxDQUNBLHNDQUFBLENBQ0Esd0NBQUEsQ0FDQSxlQUFBLENBSUYsdU5BS0UsUUFBQSxDQUNBLHNDQUFBLENBQ0EsaUJBQUEsQ0FDQSxzQ0FBQSxDQUlKLCtCQUNFLGdDQUFBLENBQ0EscUNBQUEsQ0FDQSxxQ0FBQSxDQUdGLGtDQUNFLG1DQUFBLENBQ0Esd0NBQUEsQ0FDQSx3Q0FBQSxDQUdGLGdDQUNFLGlDQUFBLENBQ0Esc0NBQUEsQ0FDQSxzQ0FBQSxDQUdGLGtDQUNFLG1DQUFBLENBQ0Esd0NBQUEsQ0FDQSx3Q0FBQSxDQUlBLG9DQUNFLHFCQUFBLENBQ0Esc0JBQUEsQ0FLSixrQ0FDRSxXQUFBLENBRUEsb0RBQ0Usb0NBQUEsQ0FDQSxvQkFBQSxDQUdGLHVEQUNFLHVDQUFBLENBQ0Esb0JBQUEsQ0FHRixxREFDRSxxQ0FBQSxDQUNBLG9CQUFBLENBR0YsdURBQ0UsdUNBQUEsQ0FDQSxvQkFBQSxDQUdGLHVEQUNFLG1CQUFBLENBQ0Esb0JBQUEsQ0FLSixnQ0FDRSxXQUFBLENBUUYsZUFDRSxpQkFBQSIsImZpbGUiOiJhbGVydC5taW4uY3NzIn0= */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
button[data-icon-btn],.icon-btn{--btn-color: currentColor}button[data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{gap
|
|
1
|
+
:root{--icon-btn-size: 3rem;--icon-btn-gap: 0.375rem;--icon-btn-padding-inline: 0.75rem}[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0}button[data-icon-btn],button.icon-btn,[data-icon-btn],.icon-btn{--btn-color: currentColor;padding:0;width:var(--icon-btn-size);height:var(--icon-btn-size);display:inline-grid;place-items:center}button[data-icon-btn][data-icon-btn~=has-label],button.icon-btn[data-icon-btn~=has-label],[data-icon-btn][data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{width:max-content;min-width:var(--icon-btn-size);gap:var(--icon-btn-gap);padding-inline:var(--icon-btn-padding-inline);grid-auto-flow:column}button[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],button[data-icon-btn][data-icon-btn~=has-label] .icon-label,button.icon-btn[data-icon-btn~=has-label] [data-icon-label],button.icon-btn[data-icon-btn~=has-label] .icon-label,[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],[data-icon-btn][data-icon-btn~=has-label] .icon-label,.icon-btn[data-icon-btn~=has-label] [data-icon-label],.icon-btn[data-icon-btn~=has-label] .icon-label{font-size:var(--btn-fs, 0.875rem);line-height:1;white-space:nowrap}@media(min-width: 48rem){[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:static;width:auto;height:auto;padding:unset;margin:unset;overflow:visible;clip:unset;clip-path:unset;white-space:nowrap;border:unset}}/*# sourceMappingURL=icon-button.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/icon-button.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/icon-button.scss"],"names":[],"mappings":"AAQA,MACE,sBACA,yBACA,mCAKF,8DAEE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,qBACA,mBACA,SAOF,gEAIE,0BAEA,UACA,2BACA,4BACA,oBACA,mBAKA,wKACE,kBACA,+BACA,wBACA,8CACA,sBAEA,wcAEE,kCACA,cACA,mBAQN,yBACE,8DAEE,gBACA,WACA,YACA,cACA,aACA,iBACA,WACA,gBACA,mBACA","file":"icon-button.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
button[data-icon-btn],.icon-btn{--btn-color: currentColor}button[data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{gap
|
|
1
|
+
:root{--icon-btn-size: 3rem;--icon-btn-gap: 0.375rem;--icon-btn-padding-inline: 0.75rem}[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}button[data-icon-btn],button.icon-btn,[data-icon-btn],.icon-btn{--btn-color: currentColor;padding:0;width:var(--icon-btn-size);height:var(--icon-btn-size);display:inline-grid;place-items:center}button[data-icon-btn][data-icon-btn~=has-label],button.icon-btn[data-icon-btn~=has-label],[data-icon-btn][data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{width:-moz-max-content;width:max-content;min-width:var(--icon-btn-size);gap:var(--icon-btn-gap);padding-inline:var(--icon-btn-padding-inline);grid-auto-flow:column}button[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],button[data-icon-btn][data-icon-btn~=has-label] .icon-label,button.icon-btn[data-icon-btn~=has-label] [data-icon-label],button.icon-btn[data-icon-btn~=has-label] .icon-label,[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],[data-icon-btn][data-icon-btn~=has-label] .icon-label,.icon-btn[data-icon-btn~=has-label] [data-icon-label],.icon-btn[data-icon-btn~=has-label] .icon-label{font-size:var(--btn-fs, 0.875rem);line-height:1;white-space:nowrap}@media(min-width: 48rem){[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:static;width:auto;height:auto;padding:unset;margin:unset;overflow:visible;clip:unset;-webkit-clip-path:unset;clip-path:unset;white-space:nowrap;border:unset}}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvaWNvbi1idXR0b24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQSxNQUNFLHFCQUFBLENBQ0Esd0JBQUEsQ0FDQSxrQ0FBQSxDQUtGLDhEQUVFLGlCQUFBLENBQ0EsU0FBQSxDQUNBLFVBQUEsQ0FDQSxTQUFBLENBQ0EsV0FBQSxDQUNBLGVBQUEsQ0FDQSxxQkFBQSxDQUNBLDRCQUFBLENBQUEsb0JBQUEsQ0FDQSxrQkFBQSxDQUNBLFFBQUEsQ0FPRixnRUFJRSx5QkFBQSxDQUVBLFNBQUEsQ0FDQSwwQkFBQSxDQUNBLDJCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUtBLHdLQUNFLHNCQUFBLENBQUEsaUJBQUEsQ0FDQSw4QkFBQSxDQUNBLHVCQUFBLENBQ0EsNkNBQUEsQ0FDQSxxQkFBQSxDQUVBLHdjQUVFLGlDQUFBLENBQ0EsYUFBQSxDQUNBLGtCQUFBLENBUU4seUJBQ0UsOERBRUUsZUFBQSxDQUNBLFVBQUEsQ0FDQSxXQUFBLENBQ0EsYUFBQSxDQUNBLFlBQUEsQ0FDQSxnQkFBQSxDQUNBLFVBQUEsQ0FDQSx1QkFBQSxDQUFBLGVBQUEsQ0FDQSxrQkFBQSxDQUNBLFlBQUEsQ0FBQSIsImZpbGUiOiJpY29uLWJ1dHRvbi5taW4uY3NzIn0= */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dialog-min-width: max(20rem, 80%);--dialog-gap: 0.625rem;--dialog-border-color: var(--color-border);--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: var(--color-text-secondary);--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: var(--color-surface-secondary);--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: var(--color-focus);--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{width:var(--dialog-min-width);min-width:var(--dialog-min-width);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=dialog.css.map */
|
|
1
|
+
:root{--dialog-min-width: max(20rem, 80%);--dialog-gap: 0.625rem;--dialog-border-color: var(--color-border);--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: var(--color-text-secondary);--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: var(--color-surface-secondary);--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: var(--color-focus);--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{width:var(--dialog-min-width);min-width:var(--dialog-min-width);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);color:var(--dialog-close-color);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=dialog.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAAA,MACE,oCACA,uBACA,2CACA,4BACA,6BACA,6CACA,yBACA,8BACA,kDACA,gCACA,+CACA,yDACA,uBACA,gCAGA,yCACA,+BACA,gCACA,kFAIF,+BACE,MACE,oCACA,gCACA,mCACA,oDACA,iCAIJ,OACE,8BACA,kCACA,sBACA,mEACA,0CACA,8BACA,0CAGA,qBACE,oCACA,0CAGF,aACE,8BACA,4CACA,sBAGF,eACE,WACA,aACA,sBACA,sBACA,4CACA,qBACA,YAIJ,eACE,aACA,8BACA,mBACA,WACA,eAEA,kBACE,qBACA,mBAGF,6BACE,mBAGF,mCACE,yCACA,mCACA,eAEA,yCACE,uCACA,+CAIF,iDACE,oCACA,0CACA,uCACA,+CAIF,6DACE,aAKN,qCAEE,aACA,mBACA,eACA,uDACA,sBACA,WAGA,+EACE,oCACA,0CAGF,uGACE","file":"dialog.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAAA,MACE,oCACA,uBACA,2CACA,4BACA,6BACA,6CACA,yBACA,8BACA,kDACA,gCACA,+CACA,yDACA,uBACA,gCAGA,yCACA,+BACA,gCACA,kFAIF,+BACE,MACE,oCACA,gCACA,mCACA,oDACA,iCAIJ,OACE,8BACA,kCACA,sBACA,mEACA,0CACA,8BACA,0CAGA,qBACE,oCACA,0CAGF,aACE,8BACA,4CACA,sBAGF,eACE,WACA,aACA,sBACA,sBACA,4CACA,qBACA,YAIJ,eACE,aACA,8BACA,mBACA,WACA,eAEA,kBACE,qBACA,mBAGF,6BACE,mBAGF,mCACE,yCACA,mCACA,gCACA,eAEA,yCACE,uCACA,+CAIF,iDACE,oCACA,0CACA,uCACA,+CAIF,6DACE,aAKN,qCAEE,aACA,mBACA,eACA,uDACA,sBACA,WAGA,+EACE,oCACA,0CAGF,uGACE","file":"dialog.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
:root{--dialog-min-width: max(20rem, 80%);--dialog-gap: 0.625rem;--dialog-border-color: var(--color-border);--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: var(--color-text-secondary);--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: var(--color-surface-secondary);--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: var(--color-focus);--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{width:var(--dialog-min-width);min-width:var(--dialog-min-width);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}
|
|
1
|
+
:root{--dialog-min-width: max(20rem, 80%);--dialog-gap: 0.625rem;--dialog-border-color: var(--color-border);--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: var(--color-text-secondary);--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: var(--color-surface-secondary);--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: var(--color-focus);--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{width:var(--dialog-min-width);min-width:var(--dialog-min-width);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);color:var(--dialog-close-color);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLG1DQUFBLENBQ0Esc0JBQUEsQ0FDQSwwQ0FBQSxDQUNBLDJCQUFBLENBQ0EsNEJBQUEsQ0FDQSw0Q0FBQSxDQUNBLHdCQUFBLENBQ0EsNkJBQUEsQ0FDQSxpREFBQSxDQUNBLCtCQUFBLENBQ0EsOENBQUEsQ0FDQSx3REFBQSxDQUNBLHNCQUFBLENBQ0EsK0JBQUEsQ0FHQSx3Q0FBQSxDQUNBLDhCQUFBLENBQ0EsK0JBQUEsQ0FDQSxpRkFBQSxDQUlGLCtCQUNFLE1BQ0UsbUNBQUEsQ0FDQSwrQkFBQSxDQUNBLGtDQUFBLENBQ0EsbURBQUEsQ0FDQSwrQkFBQSxDQUFBLENBSUosT0FDRSw2QkFBQSxDQUNBLGlDQUFBLENBQ0EscUJBQUEsQ0FDQSxrRUFBQSxDQUNBLHlDQUFBLENBQ0EsNkJBQUEsQ0FDQSx5Q0FBQSxDQUdBLHFCQUNFLG1DQUFBLENBQ0EseUNBQUEsQ0FHRixhQUNFLDZCQUFBLENBQ0EsMkNBQUEsQ0FDQSxxQkFBQSxDQUdGLGVBQ0UsVUFBQSxDQUNBLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLHFCQUFBLENBQ0EsMkNBQUEsQ0FDQSxvQkFBQSxDQUNBLFdBQUEsQ0FJSixlQUNFLFlBQUEsQ0FDQSw2QkFBQSxDQUNBLGtCQUFBLENBQ0EsVUFBQSxDQUNBLGNBQUEsQ0FFQSxrQkFDRSxvQkFBQSxDQUNBLGtCQUFBLENBR0YsNkJBQ0Usa0JBQUEsQ0FHRixtQ0FDRSx3Q0FBQSxDQUNBLGtDQUFBLENBQ0EsK0JBQUEsQ0FDQSxjQUFBLENBRUEseUNBQ0Usc0NBQUEsQ0FDQSw4Q0FBQSxDQUlGLGlEQUNFLG1DQUFBLENBQ0EseUNBQUEsQ0FDQSxzQ0FBQSxDQUNBLDhDQUFBLENBSUYsNkRBQ0UsWUFBQSxDQUtOLHFDQUVFLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLGNBQUEsQ0FDQSxzREFBQSxDQUNBLHFCQUFBLENBQ0EsVUFBQSxDQUdBLCtFQUNFLG1DQUFBLENBQ0EseUNBQUEsQ0FHRix1R0FDRSxZQUFBIiwiZmlsZSI6ImRpYWxvZy5taW4uY3NzIn0= */
|
|
@@ -152,7 +152,7 @@ declare const Icon: {
|
|
|
152
152
|
({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React.JSX.Element;
|
|
153
153
|
displayName: string;
|
|
154
154
|
Add: {
|
|
155
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
155
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
156
156
|
styles: {
|
|
157
157
|
fill: string;
|
|
158
158
|
display: string;
|
|
@@ -162,7 +162,7 @@ declare const Icon: {
|
|
|
162
162
|
displayName: string;
|
|
163
163
|
};
|
|
164
164
|
ArrowDown: {
|
|
165
|
-
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
165
|
+
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size">): React.JSX.Element;
|
|
166
166
|
styles: {
|
|
167
167
|
display: string;
|
|
168
168
|
alignItems: string;
|
|
@@ -171,7 +171,7 @@ declare const Icon: {
|
|
|
171
171
|
displayName: string;
|
|
172
172
|
};
|
|
173
173
|
ArrowLeft: {
|
|
174
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
174
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
175
175
|
styles: {
|
|
176
176
|
display: string;
|
|
177
177
|
alignItems: string;
|
|
@@ -180,11 +180,11 @@ declare const Icon: {
|
|
|
180
180
|
displayName: string;
|
|
181
181
|
};
|
|
182
182
|
ArrowRight: {
|
|
183
|
-
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
183
|
+
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
184
184
|
displayName: string;
|
|
185
185
|
};
|
|
186
186
|
ArrowUp: {
|
|
187
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
187
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
188
188
|
displayName: string;
|
|
189
189
|
style: {
|
|
190
190
|
fill: string;
|
|
@@ -195,7 +195,7 @@ declare const Icon: {
|
|
|
195
195
|
};
|
|
196
196
|
};
|
|
197
197
|
Chat: {
|
|
198
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
198
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
199
199
|
styles: {
|
|
200
200
|
display: string;
|
|
201
201
|
alignItems: string;
|
|
@@ -204,7 +204,7 @@ declare const Icon: {
|
|
|
204
204
|
displayName: string;
|
|
205
205
|
};
|
|
206
206
|
Code: {
|
|
207
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "
|
|
207
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
208
208
|
styles: {
|
|
209
209
|
fill: string;
|
|
210
210
|
stroke: string;
|
|
@@ -214,7 +214,7 @@ declare const Icon: {
|
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
Copy: {
|
|
217
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
217
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
218
218
|
displayName: string;
|
|
219
219
|
styles: {
|
|
220
220
|
stroke: string;
|
|
@@ -224,7 +224,7 @@ declare const Icon: {
|
|
|
224
224
|
};
|
|
225
225
|
};
|
|
226
226
|
Down: {
|
|
227
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
227
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
228
228
|
displayName: string;
|
|
229
229
|
styles: {
|
|
230
230
|
display: string;
|
|
@@ -233,7 +233,7 @@ declare const Icon: {
|
|
|
233
233
|
};
|
|
234
234
|
};
|
|
235
235
|
Home: {
|
|
236
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
236
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
237
237
|
displayName: string;
|
|
238
238
|
styles: {
|
|
239
239
|
fill: string;
|
|
@@ -244,19 +244,19 @@ declare const Icon: {
|
|
|
244
244
|
};
|
|
245
245
|
};
|
|
246
246
|
Info: {
|
|
247
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
247
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
248
248
|
displayName: string;
|
|
249
249
|
};
|
|
250
250
|
InfoSolid: {
|
|
251
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
251
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
252
252
|
displayName: string;
|
|
253
253
|
};
|
|
254
254
|
AlertSolid: {
|
|
255
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
255
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
256
256
|
displayName: string;
|
|
257
257
|
};
|
|
258
258
|
Left: {
|
|
259
|
-
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
259
|
+
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
260
260
|
displayName: string;
|
|
261
261
|
styles: {
|
|
262
262
|
fill: string;
|
|
@@ -266,14 +266,14 @@ declare const Icon: {
|
|
|
266
266
|
};
|
|
267
267
|
};
|
|
268
268
|
Minus: {
|
|
269
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
269
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
270
270
|
displayName: string;
|
|
271
271
|
styles: {
|
|
272
272
|
fill: string;
|
|
273
273
|
};
|
|
274
274
|
};
|
|
275
275
|
Pause: {
|
|
276
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
276
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
277
277
|
displayName: string;
|
|
278
278
|
style: {
|
|
279
279
|
fill: string;
|
|
@@ -284,7 +284,7 @@ declare const Icon: {
|
|
|
284
284
|
};
|
|
285
285
|
};
|
|
286
286
|
PauseSolid: {
|
|
287
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
287
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
288
288
|
displayName: string;
|
|
289
289
|
style: {
|
|
290
290
|
fill: string;
|
|
@@ -295,7 +295,7 @@ declare const Icon: {
|
|
|
295
295
|
};
|
|
296
296
|
};
|
|
297
297
|
Play: {
|
|
298
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
298
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
299
299
|
displayName: string;
|
|
300
300
|
style: {
|
|
301
301
|
fill: string;
|
|
@@ -306,7 +306,7 @@ declare const Icon: {
|
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
308
|
PlaySolid: {
|
|
309
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
309
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
310
310
|
displayName: string;
|
|
311
311
|
style: {
|
|
312
312
|
fill: string;
|
|
@@ -317,14 +317,14 @@ declare const Icon: {
|
|
|
317
317
|
};
|
|
318
318
|
};
|
|
319
319
|
Remove: {
|
|
320
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
320
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
321
321
|
displayName: string;
|
|
322
322
|
styles: {
|
|
323
323
|
fill: string;
|
|
324
324
|
};
|
|
325
325
|
};
|
|
326
326
|
Resume: {
|
|
327
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
327
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
328
328
|
displayName: string;
|
|
329
329
|
style: {
|
|
330
330
|
fill: string;
|
|
@@ -335,7 +335,7 @@ declare const Icon: {
|
|
|
335
335
|
};
|
|
336
336
|
};
|
|
337
337
|
ResumeSolid: {
|
|
338
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
338
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
339
339
|
displayName: string;
|
|
340
340
|
style: {
|
|
341
341
|
fill: string;
|
|
@@ -346,7 +346,7 @@ declare const Icon: {
|
|
|
346
346
|
};
|
|
347
347
|
};
|
|
348
348
|
Right: {
|
|
349
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
349
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
350
350
|
displayName: string;
|
|
351
351
|
styles: {
|
|
352
352
|
fill: string;
|
|
@@ -354,7 +354,7 @@ declare const Icon: {
|
|
|
354
354
|
};
|
|
355
355
|
Star: typeof Star;
|
|
356
356
|
Stop: {
|
|
357
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
357
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
358
358
|
displayName: string;
|
|
359
359
|
style: {
|
|
360
360
|
fill: string;
|
|
@@ -380,7 +380,7 @@ declare const Icon: {
|
|
|
380
380
|
*/
|
|
381
381
|
};
|
|
382
382
|
StopSolid: {
|
|
383
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
383
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
384
384
|
displayName: string;
|
|
385
385
|
style: {
|
|
386
386
|
fill: string;
|
|
@@ -391,7 +391,7 @@ declare const Icon: {
|
|
|
391
391
|
};
|
|
392
392
|
};
|
|
393
393
|
Up: {
|
|
394
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
394
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
395
395
|
displayName: string;
|
|
396
396
|
styles: {
|
|
397
397
|
display: string;
|
|
@@ -400,7 +400,7 @@ declare const Icon: {
|
|
|
400
400
|
};
|
|
401
401
|
};
|
|
402
402
|
User: {
|
|
403
|
-
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "
|
|
403
|
+
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
404
404
|
styles: {
|
|
405
405
|
fill: string;
|
|
406
406
|
stroke: string;
|
|
@@ -418,23 +418,23 @@ declare const Icon: {
|
|
|
418
418
|
width: string;
|
|
419
419
|
};
|
|
420
420
|
QuestionSolid: {
|
|
421
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
421
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
422
422
|
displayName: string;
|
|
423
423
|
};
|
|
424
424
|
WarnSolid: {
|
|
425
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
425
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
426
426
|
displayName: string;
|
|
427
427
|
};
|
|
428
428
|
SuccessSolid: {
|
|
429
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
429
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
430
430
|
displayName: string;
|
|
431
431
|
};
|
|
432
432
|
AlertSquareSolid: {
|
|
433
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
433
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
434
434
|
displayName: string;
|
|
435
435
|
};
|
|
436
436
|
Close: {
|
|
437
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
437
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
438
438
|
displayName: string;
|
|
439
439
|
styles: {
|
|
440
440
|
fill: string;
|
package/libs/icons.d.cts
CHANGED
package/libs/icons.d.ts
CHANGED