odaptos_design_system 1.4.85 → 1.4.86
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/Badge/Badge.d.ts +1 -1
- package/dist/odaptos_design_system.cjs.development.js +5 -5
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +5 -5
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Badge/Badge.modules.scss +10 -3
- package/src/Badge/Badge.tsx +4 -2
package/dist/Badge/Badge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
text: string;
|
|
4
|
-
status: 'idle' | 'success' | 'info' | 'warning' | 'critical';
|
|
4
|
+
status: 'idle' | 'success' | 'info' | 'warning' | 'critical' | 'alt';
|
|
5
5
|
size: 'sm' | 'base' | 'lg';
|
|
6
6
|
iconLeft?: JSX.Element;
|
|
7
7
|
iconRight?: JSX.Element;
|
|
@@ -7078,8 +7078,8 @@ const Accordion = ({
|
|
|
7078
7078
|
})), isAccordionOpen && /*#__PURE__*/React__default.createElement("div", null, children));
|
|
7079
7079
|
};
|
|
7080
7080
|
|
|
7081
|
-
var css_248z$3 = ".Badge-modules_badge__rcW9l{align-items:center;border-radius:62.4375rem;display:flex;gap:.5rem;justify-content:center;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Badge-modules_badge__rcW9l p{white-space:nowrap}.Badge-modules_badge_idle__h2sgJ{background:var(--
|
|
7082
|
-
var styles$3 = {"badge":"Badge-modules_badge__rcW9l","badge_idle":"Badge-modules_badge_idle__h2sgJ","badge_info":"Badge-modules_badge_info__pmG6r","badge_success":"Badge-modules_badge_success__B3T1K","badge_warning":"Badge-modules_badge_warning__Fv2f6","badge_critical":"Badge-modules_badge_critical__0-YAa","badge_sm":"Badge-modules_badge_sm__j8EcD","badge_lg":"Badge-modules_badge_lg__R8zxz","badge_base":"Badge-modules_badge_base__kFbf-"};
|
|
7081
|
+
var css_248z$3 = ".Badge-modules_badge__rcW9l{align-items:center;border-radius:62.4375rem;display:flex;gap:.5rem;justify-content:center;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Badge-modules_badge__rcW9l p{white-space:nowrap}.Badge-modules_badge_idle__h2sgJ{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Badge-modules_badge_idle__h2sgJ svg{stroke:#64666a!important;fill:#64666a!important}.Badge-modules_badge_info__pmG6r{background:var(--color-primary-100,#e5f1ff)}.Badge-modules_badge_info__pmG6r svg{stroke:#004799!important;fill:#004799!important}.Badge-modules_badge_success__B3T1K{background:var(--color-extended-green-100,#e8f5ea)}.Badge-modules_badge_success__B3T1K svg{stroke:#3c743d!important;fill:#3c743d!important}.Badge-modules_badge_warning__Fv2f6{background:var(--color-extended-yellow-100,#fff3d6)}.Badge-modules_badge_warning__Fv2f6 svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Badge-modules_badge_critical__0-YAa{background:var(--color-extended-red-100,#fddbdb)}.Badge-modules_badge_critical__0-YAa svg{stroke:#98312e!important;fill:#98312e!important}.Badge-modules_badge_alt__CEiw6{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Badge-modules_badge_alt__CEiw6 svg{stroke:#5c1994!important;fill:#5c1994!important}.Badge-modules_badge_sm__j8EcD{align-items:center;gap:.25rem;height:1.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_sm__j8EcD svg{height:.75rem;width:.75rem}.Badge-modules_badge_lg__R8zxz{align-items:center;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_lg__R8zxz svg{height:1rem;width:1rem}.Badge-modules_badge_base__kFbf-{align-items:center;gap:.5rem;height:1.75rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_base__kFbf- svg{height:1rem;width:1rem}";
|
|
7082
|
+
var styles$3 = {"badge":"Badge-modules_badge__rcW9l","badge_idle":"Badge-modules_badge_idle__h2sgJ","badge_info":"Badge-modules_badge_info__pmG6r","badge_success":"Badge-modules_badge_success__B3T1K","badge_warning":"Badge-modules_badge_warning__Fv2f6","badge_critical":"Badge-modules_badge_critical__0-YAa","badge_alt":"Badge-modules_badge_alt__CEiw6","badge_sm":"Badge-modules_badge_sm__j8EcD","badge_lg":"Badge-modules_badge_lg__R8zxz","badge_base":"Badge-modules_badge_base__kFbf-"};
|
|
7083
7083
|
styleInject(css_248z$3);
|
|
7084
7084
|
|
|
7085
7085
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev */
|
|
@@ -7095,14 +7095,14 @@ const Badge = ({
|
|
|
7095
7095
|
}) => {
|
|
7096
7096
|
const getStatusColor = () => {
|
|
7097
7097
|
if (status === 'idle') {
|
|
7098
|
-
return '#
|
|
7099
|
-
} else if (status === 'success') return '#3C743D';else if (status === 'info') return '#004799';else if (status === 'warning') return '#6E4F00';else if (status === 'critical') return '#98312E';else return '#004799';
|
|
7098
|
+
return '#64666A';
|
|
7099
|
+
} else if (status === 'success') return '#3C743D';else if (status === 'info') return '#004799';else if (status === 'warning') return '#6E4F00';else if (status === 'critical') return '#98312E';else if (status === 'alt') return '#5C1994';else return '#004799';
|
|
7100
7100
|
};
|
|
7101
7101
|
const getTextSize = () => {
|
|
7102
7102
|
if (size === 'lg') return 'base';else if (size === 'sm') return 'xs';else if (size === 'base') return 'sm';else return size;
|
|
7103
7103
|
};
|
|
7104
7104
|
const getStyleByStatus = () => {
|
|
7105
|
-
if (status === 'idle') return styles$3.badge_idle;else if (status === 'info') return styles$3.badge_info;else if (status === 'success') return styles$3.badge_success;else if (status === 'warning') return styles$3.badge_warning;else if (status === 'critical') return styles$3.badge_critical;else return styles$3.badge;
|
|
7105
|
+
if (status === 'idle') return styles$3.badge_idle;else if (status === 'info') return styles$3.badge_info;else if (status === 'success') return styles$3.badge_success;else if (status === 'warning') return styles$3.badge_warning;else if (status === 'critical') return styles$3.badge_critical;else if (status === 'alt') return styles$3.badge_alt;else return styles$3.badge;
|
|
7106
7106
|
};
|
|
7107
7107
|
const getSizeByStatus = () => {
|
|
7108
7108
|
if (size === 'sm') return styles$3.badge_sm;else if (size === 'lg') return styles$3.badge_lg;else if (size === 'base') return styles$3.badge_base;else return styles$3.badge_base;
|