jiffy-ui 1.0.8 → 1.1.0

package/dist/components/FlexLayout/FlexLayoutDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FlexLayoutDemo: React.FC;
+export default FlexLayoutDemo;

package/dist/components/index.d.ts

@@ -13,10 +13,8 @@ export { default as Card } from './Card/Card';
 export { default as CopyClipboard } from './CopyClipboard/CopyClipboard';
 export { default as Divider } from './Divider/Divider';
 export { default as Dropdown } from './Dropdown/Dropdown';
-export { default as FlexItem } from './FlexItem/FlexItem';
 export { default as FlexLayout } from './FlexLayout/FlexLayout';
 export { FlexLayoutItem } from './FlexLayout/FlexLayout';
-export type { FlexLayoutProps, FlexLayoutItemProps } from './FlexLayout/FlexLayout';
 export { default as Grid } from './Grid/Grid';
 export { default as Indicator } from './Indicator/Indicator';
 export { default as Checkbox } from './Input/Checkbox/Checkbox';

package/dist/index.css

@@ -3740,7 +3740,7 @@ label.spinner-label {
 }
 
 /* Container - Main flex container */
-.row {
+/* .row {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   display: flex;
@@ -3749,24 +3749,41 @@ label.spinner-label {
   margin-right: calc(-.5 * var(--bs-gutter-x));
   margin-left: calc(-.5 * var(--bs-gutter-x));
 }
+
+.row > * {
+  flex-shrink: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * .5);
+  padding-left: calc(var(--bs-gutter-x) * .5);
+  margin-top: var(--bs-gutter-y);
+} */
+.row > .col {
+  flex-shrink: 0;
+  padding-right: calc(var(--bs-gutter-x) * .5);
+  padding-left: calc(var(--bs-gutter-x) * .5);
+  margin-top: var(--bs-gutter-y);
+} 
+
+.row {
+  display: flex;
+  display: -webkit-flex;
+  -webkit-box-orient: horizontal;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--bs-gutter-y));
+  margin-right: calc(-.5 * var(--bs-gutter-x));
+  margin-left: calc(-.5 * var(--bs-gutter-x));
+}
 .flex-container {
   margin-right: calc(.5 * var(--bs-gutter-x));
   margin-left: calc(.5 * var(--bs-gutter-x));
 }
 /* Column base styles */
-.col {
-  flex: 1 0 0%;
-}
-
 .col,
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
 .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
-  flex-shrink: 0;
-  width: 100%;
-  max-width: 100%;
-  padding-right: calc(var(--bs-gutter-x) * .5);
-  padding-left: calc(var(--bs-gutter-x) * .5);
-  margin-top: var(--bs-gutter-y);
+  /* flex: 1 0 0%; */
 }
 
 /* Column widths */