@tsiky/components-r19 1.1.0 → 1.2.0

package/src/components/AnnouncementPanel/FlexRowContainer.tsx

@@ -1,24 +1,24 @@
-import React from 'react';
-import './FlexRowContainer.css';
-
-export type FlexRowContainerProps = {
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode; // normally ListContentContainer nodes
-  gap?: string;
-};
-
-export const FlexRowContainer: React.FC<FlexRowContainerProps> = ({
-  className = '',
-  style = {},
-  children,
-  gap = '1rem',
-}) => {
-  return (
-    <div className={`frc-root ${className}`} style={{ ...style, ['--frc-gap' as any]: gap }}>
-      {React.Children.map(children, (child) => (
-        <div className='frc-item'>{child}</div>
-      ))}
-    </div>
-  );
-};
+import React from 'react';
+import './FlexRowContainer.css';
+
+export type FlexRowContainerProps = {
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode; // normally ListContentContainer nodes
+  gap?: string;
+};
+
+export const FlexRowContainer: React.FC<FlexRowContainerProps> = ({
+  className = '',
+  style = {},
+  children,
+  gap = '1rem',
+}) => {
+  return (
+    <div className={`frc-root ${className}`} style={{ ...style, ['--frc-gap' as any]: gap }}>
+      {React.Children.map(children, (child) => (
+        <div className='frc-item'>{child}</div>
+      ))}
+    </div>
+  );
+};

package/src/components/AnnouncementPanel/ListBox/CounterListBox.css

@@ -1,56 +1,56 @@
-.clb-root {
-  padding: 0.125rem;
-}
-.clb-title {
-  font-weight: var(--font-bold);
-  padding: 0.0625rem 0.125rem;
-  margin-bottom: 0.0625rem;
-}
-
-.clb-grid {
-  display: flex;
-  flex-direction: column;
-  gap: 0.125rem;
-}
-
-.clb-row {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: var(--col-gap, 0.5rem);
-  align-items: center;
-  padding: 0;
-}
-
-.clb-badge-col {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.counter-badge {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  color: #fff;
-  min-width: 0;
-  white-space: nowrap;
-  line-height: 1;
-  padding: 0.25rem 0.5rem;
-  box-sizing: border-box;
-}
-.clb-text {
-  padding: 0.25rem 0;
-  min-width: 0;
-  overflow: hidden;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-}
-
-.clb-fullrow {
-  grid-column: 1 / -1;
-  padding: 0.25rem 0.125rem;
-  text-align: center;
-}
-.clb-empty-badge {
-  min-height: 1px;
-}
+.clb-root {
+  padding: 0.125rem;
+}
+.clb-title {
+  font-weight: var(--font-bold);
+  padding: 0.0625rem 0.125rem;
+  margin-bottom: 0.0625rem;
+}
+
+.clb-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+.clb-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--col-gap, 0.5rem);
+  align-items: center;
+  padding: 0;
+}
+
+.clb-badge-col {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.counter-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  color: #fff;
+  min-width: 0;
+  white-space: nowrap;
+  line-height: 1;
+  padding: 0.25rem 0.5rem;
+  box-sizing: border-box;
+}
+.clb-text {
+  padding: 0.25rem 0;
+  min-width: 0;
+  overflow: hidden;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+.clb-fullrow {
+  grid-column: 1 / -1;
+  padding: 0.25rem 0.125rem;
+  text-align: center;
+}
+.clb-empty-badge {
+  min-height: 1px;
+}