@gyramais/gyra-design 0.1.21 → 0.1.23

package/dist/index.css

@@ -3124,12 +3124,14 @@ h6 {
 }
 
 .gyramais-list .gyramais-list-item-title {
+    overflow-wrap: break-word;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.25rem
 }
 
 .gyramais-list .gyramais-list-item-description {
+    overflow-wrap: break-word;
     font-size: 0.75rem;
     line-height: 1rem;
     --tw-text-opacity: 1;
@@ -3210,6 +3212,7 @@ h6 {
 
 .gyramais-menubar-option {
     border-radius: 4px;
+    font-weight: 600;
     --tw-text-opacity: 1;
     color: rgb(79 87 98 / var(--tw-text-opacity));
     transition-duration: 300ms;
@@ -3261,6 +3264,7 @@ h6 {
 }
 
 .gyramais-menubar-content {
+    z-index: 95 !important;
     --tw-bg-opacity: 1 !important;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
 }
@@ -3770,6 +3774,21 @@ h6 {
     border-bottom-right-radius: 16px;
     border-bottom-left-radius: 16px
 }
+.gyramais-status-tag {
+    display: flex;
+    width: -moz-fit-content;
+    width: fit-content;
+    align-items: center;
+    border-radius: 4px;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    font-weight: 700;
+    line-height: 20px
+}
 .gyramais-switch {
     position: relative;
     height: 25px;
@@ -3810,186 +3829,168 @@ h6 {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 .gyramais-table-container {
-
     position: relative;
-
-    overflow-y: auto;
-
-    padding-right: 0.5rem
+    overflow-y: auto
+}
+.gyramais-table-container.gyramais-table-card-container {
+    padding-left: 0.25rem;
+    padding-right: 0.5rem;
+    padding-bottom: 0.25rem
 }
 
 .gyramais-table-container > table {
-
     width: 100%
 }
 
 .gyramais-table-container > table > thead th {
-
     position: sticky;
-
     top: -1px;
-
     z-index: 1;
-
     height: 3rem;
-
     text-wrap: nowrap;
-
     --tw-bg-opacity: 1;
-
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
     padding-left: 1rem;
-
     padding-right: 1rem;
-
     font-size: 0.875rem;
-
     line-height: 1.25rem;
-
     font-weight: 500;
-
     line-height: 14px;
-
     --tw-text-opacity: 1;
-
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 .gyramais-table-container > table > thead tr th:nth-child(1) {
-
     padding-left: 0px
 }
+.gyramais-table-container.gyramais-table-card-container > table > thead tr th:nth-child(1) {
+    padding-left: 1rem
+}
 .gyramais-table-container > table > thead tr th:last-child {
-
     padding-right: 0px
 }
+.gyramais-table-container.gyramais-table-card-container > table > thead tr th:last-child {
+    padding-right: 1rem
+}
 .gyramais-table-container > table > thead tr th.gyramais-table-align-left {
-
     text-align: left
 }
 .gyramais-table-container > table > thead tr th.gyramais-table-align-center {
-
     text-align: center
 }
 .gyramais-table-container > table > thead tr th.gyramais-table-align-right {
-
     text-align: right
 }
 
 .gyramais-table-container > table > tbody tr td {
-
     padding-top: 0.5rem;
-
     padding-bottom: 0.5rem;
-
     padding-left: 1rem;
-
     padding-right: 1rem;
-
     font-size: 1rem;
-
     line-height: 1.5rem;
-
     font-weight: 400;
-
     line-height: 19.2px;
-
     --tw-text-opacity: 1;
-
     color: rgb(98 105 118 / var(--tw-text-opacity))
 }
 
 @media (min-width: 768px) {
-
     .gyramais-table-container > table > tbody tr td {
-
         padding-top: 1rem;
-
         padding-bottom: 1rem
     }
 }
+.gyramais-table-container.gyramais-table-card-container > table > tbody tr td {
+    line-height: 40px
+}
+@media (min-width: 768px) {
+    .gyramais-table-container.gyramais-table-card-container > table > tbody tr td {
+        padding-top: 14px;
+        padding-bottom: 14px;
+        line-height: 22px
+    }
+}
 .gyramais-table-container > table > tbody tr td:nth-child(1) {
-
     padding-left: 0px
 }
+.gyramais-table-container.gyramais-table-card-container > table > tbody tr td:nth-child(1) {
+    padding-left: 1rem
+}
 .gyramais-table-container > table > tbody tr td:last-child {
-
     padding-right: 0px
 }
+.gyramais-table-container.gyramais-table-card-container > table > tbody tr td:last-child {
+    padding-right: 1rem
+}
 .gyramais-table-container > table > tbody tr td.gyramais-table-align-left {
-
     text-align: left
 }
 .gyramais-table-container > table > tbody tr td.gyramais-table-align-center {
-
     text-align: center
 }
 .gyramais-table-container > table > tbody tr td.gyramais-table-align-right {
-
     text-align: right
 }
 
-.gyramais-table-container > table > tbody tr td div {
+.gyramais-table-container.gyramais-table-card-container > table > tbody > tr {
+    position: relative
+}
+.gyramais-table-container.gyramais-table-card-container > table > tbody > tr::after {
+    position: absolute;
+    left: 0px;
+    top: 0.25rem;
+    z-index: -1;
+    height: calc(100% - 8px);
+    width: 100%;
+    --tw-translate-y: 0px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    border-radius: 12px;
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    --tw-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12);
+    --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+    --tw-content: '';
+    content: var(--tw-content)
+}
 
+.gyramais-table-container > table > tbody tr td div {
     position: relative;
-
     text-wrap: nowrap
 }
 
 @media (min-width: 768px) {
-
     .gyramais-table-container > table > tbody tr td div {
-
         overflow: hidden;
-
         display: -webkit-box;
-
         -webkit-box-orient: vertical;
-
         -webkit-line-clamp: 1;
-
         text-wrap: wrap;
-
         word-break: break-all
     }
 }
 
 .gyramais-table-container .gyramais-table-empty-container {
-
     padding-top: 1rem;
-
     padding-bottom: 1rem
 }
 .gyramais-table-container .gyramais-table-empty-icon {
-
     display: flex;
-
     justify-content: center
 }
 .gyramais-table-container .gyramais-table-empty-icon svg {
-
     font-size: 40px;
-
     --tw-text-opacity: 1;
-
     color: rgb(184 184 184 / var(--tw-text-opacity))
 }
 .gyramais-table-container .gyramais-table-empty-text {
-
     display: flex;
-
     justify-content: center;
-
     font-size: 0.875rem;
-
     line-height: 1.25rem;
-
     font-weight: 400;
-
     line-height: 22px;
-
     --tw-text-opacity: 1;
-
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 .gyramais-tabs {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/theme.ts"],"sourcesContent":["interface Colors {\r\n  backgroundColor: string;\r\n  primaryButton: string;\r\n  secondaryButton: string;\r\n  linkButton: string;\r\n}\r\n\r\ninterface Images {\r\n  whiteLogoUrl: string;\r\n  darkLogoUrl: string;\r\n  iconUrl: string;\r\n}\r\n\r\nconst isColorDark = (hexColor: string) => {\r\n  const color = hexColor.replace('#', '');\r\n\r\n  const r = parseInt(color.substr(0, 2), 16);\r\n  const g = parseInt(color.substr(2, 2), 16);\r\n  const b = parseInt(color.substr(4, 2), 16);\r\n  \r\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\r\n  return (yiq <= 128);\r\n};\r\n\r\nconst getContrastYIQ = (hexColor: string) => (isColorDark(hexColor) ? '#ffffff' : '#2b2b2b');\r\n\r\nconst getTintedColor: (hexColor: string, v: number) => string = (hexColor, v) => {\r\n  if (hexColor.length > 6) {\r\n    hexColor= hexColor.substring(1, hexColor.length)\r\n  }\r\n\r\n  const rgb = parseInt(hexColor, 16); \r\n  \r\n  let r = Math.abs(((rgb >> 16) & 0xFF) + v);\r\n  if (r > 255) {\r\n    r = r - (r - 255);\r\n  }\r\n  \r\n  let g = Math.abs(((rgb >> 8) & 0xFF) + v);\r\n  if (g > 255) {\r\n    g = g - (g - 255);\r\n  }\r\n  \r\n  let b = Math.abs((rgb & 0xFF) + v);\r\n  if (b > 255) {\r\n    b = b - (b - 255);\r\n  }\r\n\r\n  const rString = (`${Number(r < 0 || isNaN(r)) ? 0 : ((r > 255) ? 255 : r).toString(16)}`).padStart(2, '0');\r\n  const gString = (`${Number(g < 0 || isNaN(g)) ? 0 : ((g > 255) ? 255 : g).toString(16)}`).padStart(2, '0'); \r\n  const bString = (`${Number(b < 0 || isNaN(b)) ? 0 : ((b > 255) ? 255 : b).toString(16)}`).padStart(2 ,'0'); \r\n  \r\n  return \"#\" + rString + gString + bString;\r\n} \r\n\r\nconst setTheme = ({ colors, images }: {\r\n  colors: Colors;\r\n  images: Images;\r\n}) => {\r\n  const {\r\n    backgroundColor,\r\n    primaryButton,\r\n    secondaryButton,\r\n    linkButton,\r\n  } = colors;\r\n\r\n  if (backgroundColor) {\r\n    document.documentElement.style.setProperty('--background-color', backgroundColor);\r\n    document.documentElement.style.setProperty('--background-text-color', getContrastYIQ(backgroundColor));\r\n  }\r\n\r\n  if (primaryButton) {\r\n    document.documentElement.style.setProperty('--primary-button-color', primaryButton);\r\n    document.documentElement.style.setProperty('--primary-button-text-color', getContrastYIQ(primaryButton));\r\n\r\n    document.documentElement.style.setProperty('--dark-button-color', `${primaryButton}66`);\r\n    document.documentElement.style.setProperty('--dark-button-text-color', getContrastYIQ(primaryButton));\r\n\r\n    const primaryButtonIsDark = isColorDark(primaryButton);\r\n    for (let x = 0; x < 5; x += 1) {\r\n      const variant = getTintedColor(primaryButton, ((x * 35) * (primaryButtonIsDark ? 1 : -1)));\r\n      \r\n      document.documentElement.style.setProperty(`--primary-button-color-${x}00`, variant);\r\n    }\r\n  }\r\n\r\n  if (secondaryButton) {\r\n    document.documentElement.style.setProperty('--secondary-button-color', secondaryButton);\r\n    document.documentElement.style.setProperty('--secondary-button-text-color', getContrastYIQ(secondaryButton));\r\n  }\r\n\r\n  if (linkButton) {\r\n    document.documentElement.style.setProperty('--link-button-color', linkButton);\r\n  }\r\n\r\n  const {\r\n    darkLogoUrl,\r\n    whiteLogoUrl,\r\n    iconUrl,\r\n  } = images;\r\n\r\n  if (darkLogoUrl) {\r\n    document.documentElement.style.setProperty('--dark-logo-url', `url(${darkLogoUrl})`);\r\n  }\r\n\r\n  if (whiteLogoUrl) {\r\n    document.documentElement.style.setProperty('--white-logo-url', `url(${whiteLogoUrl})`);\r\n  }\r\n\r\n  if (iconUrl) {\r\n    document.documentElement.style.setProperty('--icon-url', `url(${iconUrl})`);\r\n  }\r\n\r\n  if (backgroundColor && darkLogoUrl && whiteLogoUrl) {\r\n    const backgroundColorIsDark = isColorDark(backgroundColor);\r\n\r\n    document.documentElement.style.setProperty('--background-logo-url', `${backgroundColorIsDark ? `url(${whiteLogoUrl})` : `url(${darkLogoUrl})`}`)\r\n  }\r\n};\r\n\r\nexport default {\r\n  setTheme,\r\n};"],"names":["isColorDark","hexColor","color","replace","parseInt","substr","getContrastYIQ","getTintedColor","v","length","substring","rgb","r","Math","abs","g","b","concat","Number","isNaN","toString","padStart","theme","setTheme","_a","colors","images","backgroundColor","primaryButton","secondaryButton","linkButton","document","documentElement","style","setProperty","primaryButtonIsDark","x","variant","darkLogoUrl","whiteLogoUrl","iconUrl","backgroundColorIsDark"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/theme.ts"],"sourcesContent":["interface Colors {\r\n  backgroundColor: string;\r\n  primaryButton: string;\r\n  secondaryButton: string;\r\n  linkButton: string;\r\n}\r\n\r\ninterface Images {\r\n  whiteLogoUrl: string;\r\n  darkLogoUrl: string;\r\n  iconUrl: string;\r\n}\r\n\r\nconst isColorDark = (hexColor: string) => {\r\n  const color = hexColor.replace('#', '');\r\n\r\n  const r = parseInt(color.substr(0, 2), 16);\r\n  const g = parseInt(color.substr(2, 2), 16);\r\n  const b = parseInt(color.substr(4, 2), 16);\r\n  \r\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\r\n  return (yiq <= 128);\r\n};\r\n\r\nconst getContrastYIQ = (hexColor: string) => (isColorDark(hexColor) ? '#ffffff' : '#2b2b2b');\r\n\r\nconst getTintedColor: (hexColor: string, v: number) => string = (hexColor, v) => {\r\n  if (hexColor.length > 6) {\r\n    hexColor= hexColor.substring(1, hexColor.length)\r\n  }\r\n\r\n  const rgb = parseInt(hexColor, 16); \r\n  \r\n  let r = Math.abs(((rgb >> 16) & 0xFF) + v);\r\n  if (r > 255) {\r\n    r = r - (r - 255);\r\n  }\r\n  \r\n  let g = Math.abs(((rgb >> 8) & 0xFF) + v);\r\n  if (g > 255) {\r\n    g = g - (g - 255);\r\n  }\r\n  \r\n  let b = Math.abs((rgb & 0xFF) + v);\r\n  if (b > 255) {\r\n    b = b - (b - 255);\r\n  }\r\n\r\n  const rString = (`${Number(r < 0 || isNaN(r)) ? 0 : ((r > 255) ? 255 : r).toString(16)}`).padStart(2, '0');\r\n  const gString = (`${Number(g < 0 || isNaN(g)) ? 0 : ((g > 255) ? 255 : g).toString(16)}`).padStart(2, '0'); \r\n  const bString = (`${Number(b < 0 || isNaN(b)) ? 0 : ((b > 255) ? 255 : b).toString(16)}`).padStart(2 ,'0'); \r\n  \r\n  return \"#\" + rString + gString + bString;\r\n} \r\n\r\nconst setTheme = ({ colors, images }: {\r\n  colors: Colors;\r\n  images: Images;\r\n}) => {\r\n  const {\r\n    backgroundColor,\r\n    primaryButton,\r\n    secondaryButton,\r\n    linkButton,\r\n  } = colors;\r\n\r\n  if (backgroundColor) {\r\n    document.documentElement.style.setProperty('--background-color', backgroundColor);\r\n    document.documentElement.style.setProperty('--background-text-color', getContrastYIQ(backgroundColor));\r\n  }\r\n\r\n  if (primaryButton) {\r\n    document.documentElement.style.setProperty('--primary-button-color', primaryButton);\r\n    document.documentElement.style.setProperty('--primary-button-text-color', getContrastYIQ(primaryButton));\r\n\r\n    document.documentElement.style.setProperty('--dark-button-color', `${primaryButton}66`);\r\n    document.documentElement.style.setProperty('--dark-button-text-color', getContrastYIQ(primaryButton));\r\n\r\n    const primaryButtonIsDark = isColorDark(primaryButton);\r\n    for (let x = 0; x < 5; x += 1) {\r\n      const variant = getTintedColor(primaryButton, ((x * 35) * (primaryButtonIsDark ? 1 : -1)));\r\n      \r\n      document.documentElement.style.setProperty(`--primary-button-color-${x}00`, variant);\r\n    }\r\n  }\r\n\r\n  if (secondaryButton) {\r\n    document.documentElement.style.setProperty('--secondary-button-color', secondaryButton);\r\n    document.documentElement.style.setProperty('--secondary-button-text-color', getContrastYIQ(secondaryButton));\r\n  }\r\n\r\n  if (linkButton) {\r\n    document.documentElement.style.setProperty('--link-button-color', linkButton);\r\n  }\r\n\r\n  const {\r\n    darkLogoUrl,\r\n    whiteLogoUrl,\r\n    iconUrl,\r\n  } = images;\r\n\r\n  if (darkLogoUrl) {\r\n    document.documentElement.style.setProperty('--dark-logo-url', `url(${darkLogoUrl})`);\r\n  }\r\n\r\n  if (whiteLogoUrl) {\r\n    document.documentElement.style.setProperty('--white-logo-url', `url(${whiteLogoUrl})`);\r\n  }\r\n\r\n  if (iconUrl) {\r\n    document.documentElement.style.setProperty('--icon-url', `url(${iconUrl})`);\r\n  }\r\n\r\n  if (backgroundColor && darkLogoUrl && whiteLogoUrl) {\r\n    const backgroundColorIsDark = isColorDark(backgroundColor);\r\n\r\n    document.documentElement.style.setProperty('--background-logo-url', `${backgroundColorIsDark ? `url(${whiteLogoUrl})` : `url(${darkLogoUrl})`}`)\r\n  }\r\n};\r\n\r\nexport {\r\n  isColorDark,\r\n}\r\n\r\nexport default {\r\n  setTheme,\r\n};"],"names":["isColorDark","hexColor","color","replace","parseInt","substr","getContrastYIQ","getTintedColor","v","length","substring","rgb","r","Math","abs","g","b","concat","Number","isNaN","toString","padStart","theme","setTheme","_a","colors","images","backgroundColor","primaryButton","secondaryButton","linkButton","document","documentElement","style","setProperty","primaryButtonIsDark","x","variant","darkLogoUrl","whiteLogoUrl","iconUrl","backgroundColorIsDark"],"mappings":"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"}

package/dist/theme.d.ts

@@ -9,6 +9,8 @@ interface Images {
     darkLogoUrl: string;
     iconUrl: string;
 }
+declare const isColorDark: (hexColor: string) => boolean;
+export { isColorDark, };
 declare const _default: {
     setTheme: ({ colors, images }: {
         colors: Colors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyramais/gyra-design",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "Gyramais Design System",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",