playbook-ui 15.3.0-rc.7 → 15.4.0-alpha.PLAY1541responsivefloorPOC12370

package/dist/playbook.js

@@ -1 +1 @@
-import{A,a,B,b,C,e,g,D,h,i,k,l,m,n,o,p,q,s,E,F,t,u,v,H,y,I,z,G,J,j,K,O,Q,L,d,R,U,V,W,N,X,Y,Z,$,a0,P,a1,_,a2,a3,S,w,x,a4,r,aj,a5,a6,a7,a8,a9,T,ak,f,aa,ab,ac,ad,M,af,ae,ag,ah,ai}from"./chunks/_weekday_stacked-DtBUku82.js";import"./chunks/lazysizes-B7xYodB-.js";import{Z as Z2,Y as Y2,V as V2,B as B2,z as z2,t as t2,v as v2,q as q2,U as U2,C as C2,u as u2,D as D2,n as n2,$ as $2,F as F2,w as w2,N as N2,a1 as a12,p as p2,J as J2,O as O2,L as L2,M as M2,a2 as a22,a3 as a32,a4 as a42,e as e2,c,b as b2,P as P2,a as a10,r as r2,d as d2,_ as _2,R as R2,s as s2,K as K2,A as A2,x as x2,T as T2,a0 as a02}from"./chunks/_typeahead-BjYBazGq.js";import{B as B3,C as C3,G as G2,L as L3}from"./chunks/_line_graph-D5MBnrO9.js";import{e as e3,j as j2,k as k2,g as g2,i as i2,T as T3,U as U3,c as c2,b as b3,f as f2,V as V3,a as a11,h as h2,W as W2,X as X2,t as t3,u as u3,M as M3,J as J3}from"./chunks/lib-QZuu1ltS.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";export{A as AdvancedTable,Z2 as Avatar,Y2 as Background,V2 as Badge,B3 as BarGraph,B2 as Body,a as BreadCrumbItem,B as BreadCrumbs,z2 as Button,b as ButtonToolbar,t2 as Caption,v2 as Card,q2 as Checkbox,C3 as CircleChart,U2 as CircleIconButton,C2 as Collapsible,C as Contact,e as CopyButton,g as Currency,D as DashboardValue,h as Date,i as DatePicker,k as DateRangeInline,l as DateRangeStacked,m as DateStacked,n as DateTime,o as DateTimeStacked,p as DateYearStacked,u2 as Detail,q as Dialog,D2 as DistributionBar,n2 as Draggable,$2 as DraggableProvider,s as Dropdown,E as EmptyState,F as FileUpload,t as Filter,u as FixedConfirmationToast,F2 as Flex,w2 as FlexItem,v as FormGroup,N2 as FormPill,G2 as Gauge,H as Hashtag,a12 as Highlight,y as HomeAddressStreet,p2 as Icon,I as IconButton,J2 as IconCircle,z as IconStatValue,G as IconValue,O2 as Image,J as LabelPill,j as LabelValue,K as Layout,L2 as Legend,O as Lightbox,L3 as LineGraph,Q as Link,L as List,d as ListItem,R as LoadingInline,U as Map,V as MapCustomButton,W as Message,M2 as MultiLevelSelect,N as MultipleUsers,X as MultipleUsersStacked,a22 as Nav,a32 as NavItem,a42 as OnlineStatus,Y as Overlay,Z as Pagination,e2 as Passphrase,c as PbBarGraph,b2 as PbCircleChart,P2 as PbGaugeChart,a10 as PbLineGraph,e3 as PbPopover,r2 as PbReactPopover,j2 as PbTable,k2 as PbTextarea,g2 as PbTooltip,i2 as PbTypeahead,$ as Person,a0 as PersonContact,d2 as PhoneNumberInput,P as Pill,a1 as ProgressPills,_ as ProgressSimple,a2 as ProgressStep,a3 as ProgressStepItem,_2 as Radio,R2 as RichTextEditor,s2 as SectionSeparator,S as Select,w as SelectableCard,x as SelectableCardIcon,a4 as SelectableIcon,r as SelectableList,aj as SelectableListItem,a5 as SkeletonLoading,a6 as Source,a7 as StarRating,a8 as StatChange,a9 as StatValue,T as Table,ak as TableRow,K2 as TextInput,f as Textarea,aa as Time,ab as TimeRangeInline,ac as TimeStacked,ad as Timeline,M as Timestamp,A2 as Title,af as TitleCount,ae as TitleDetail,ag as Toggle,x2 as Tooltip,T2 as Typeahead,a02 as User,ah as UserBadge,ai as WeekdayStacked,T3 as barGraphTheme,U3 as circleChartTheme,c2 as colors,b3 as datePickerHelper,f2 as formHelper,V3 as gaugeTheme,a11 as highchartsDarkTheme,h2 as highchartsTheme,W2 as lineGraphTheme,X2 as mapTheme,t3 as typography,u3 as useCollapsible,M3 as useDropdown,J3 as usePBCopy};
+import{A,a,B,b,C,e,g,D,h,i,l,m,n,o,p,q,r,k,E,F,t,u,v,H,y,I,z,G,J,j,K,O,Q,L,d,R,U,V,W,N,X,Y,Z,$,a0,P,a1,_,a2,a3,S,w,x,a4,s,aj,a5,a6,a7,a8,a9,T,ak,f,aa,ab,ac,ad,M,af,ae,ag,ah,ai}from"./chunks/_weekday_stacked-EQMaMJvC.js";import"./chunks/lazysizes-B7xYodB-.js";import{Z as Z2,Y as Y2,V as V2,B as B2,z as z2,t as t2,v as v2,q as q2,U as U2,C as C2,u as u2,D as D2,n as n2,$ as $2,F as F2,w as w2,N as N2,a1 as a12,p as p2,J as J2,O as O2,L as L2,M as M2,a2 as a22,a3 as a32,a4 as a42,e as e2,c,b as b2,P as P2,a as a10,r as r2,d as d2,_ as _2,R as R2,s as s2,K as K2,A as A2,x as x2,T as T2,a0 as a02}from"./chunks/_typeahead-DESMSfUO.js";import{B as B3,C as C3,G as G2,L as L3}from"./chunks/_line_graph-8BUASxIP.js";import{e as e3,j as j2,k as k2,g as g2,i as i2,T as T3,U as U3,c as c2,b as b3,f as f2,V as V3,a as a11,h as h2,W as W2,X as X2,t as t3,u as u3,q as q3,n as n3}from"./chunks/lib-CzQFzKzw.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";export{A as AdvancedTable,Z2 as Avatar,Y2 as Background,V2 as Badge,B3 as BarGraph,B2 as Body,a as BreadCrumbItem,B as BreadCrumbs,z2 as Button,b as ButtonToolbar,t2 as Caption,v2 as Card,q2 as Checkbox,C3 as CircleChart,U2 as CircleIconButton,C2 as Collapsible,C as Contact,e as CopyButton,g as Currency,D as DashboardValue,h as Date,i as DatePicker,l as DateRangeInline,m as DateRangeStacked,n as DateStacked,o as DateTime,p as DateTimeStacked,q as DateYearStacked,u2 as Detail,r as Dialog,D2 as DistributionBar,n2 as Draggable,$2 as DraggableProvider,k as Dropdown,E as EmptyState,F as FileUpload,t as Filter,u as FixedConfirmationToast,F2 as Flex,w2 as FlexItem,v as FormGroup,N2 as FormPill,G2 as Gauge,H as Hashtag,a12 as Highlight,y as HomeAddressStreet,p2 as Icon,I as IconButton,J2 as IconCircle,z as IconStatValue,G as IconValue,O2 as Image,J as LabelPill,j as LabelValue,K as Layout,L2 as Legend,O as Lightbox,L3 as LineGraph,Q as Link,L as List,d as ListItem,R as LoadingInline,U as Map,V as MapCustomButton,W as Message,M2 as MultiLevelSelect,N as MultipleUsers,X as MultipleUsersStacked,a22 as Nav,a32 as NavItem,a42 as OnlineStatus,Y as Overlay,Z as Pagination,e2 as Passphrase,c as PbBarGraph,b2 as PbCircleChart,P2 as PbGaugeChart,a10 as PbLineGraph,e3 as PbPopover,r2 as PbReactPopover,j2 as PbTable,k2 as PbTextarea,g2 as PbTooltip,i2 as PbTypeahead,$ as Person,a0 as PersonContact,d2 as PhoneNumberInput,P as Pill,a1 as ProgressPills,_ as ProgressSimple,a2 as ProgressStep,a3 as ProgressStepItem,_2 as Radio,R2 as RichTextEditor,s2 as SectionSeparator,S as Select,w as SelectableCard,x as SelectableCardIcon,a4 as SelectableIcon,s as SelectableList,aj as SelectableListItem,a5 as SkeletonLoading,a6 as Source,a7 as StarRating,a8 as StatChange,a9 as StatValue,T as Table,ak as TableRow,K2 as TextInput,f as Textarea,aa as Time,ab as TimeRangeInline,ac as TimeStacked,ad as Timeline,M as Timestamp,A2 as Title,af as TitleCount,ae as TitleDetail,ag as Toggle,x2 as Tooltip,T2 as Typeahead,a02 as User,ah as UserBadge,ai as WeekdayStacked,T3 as barGraphTheme,U3 as circleChartTheme,c2 as colors,b3 as datePickerHelper,f2 as formHelper,V3 as gaugeTheme,a11 as highchartsDarkTheme,h2 as highchartsTheme,W2 as lineGraphTheme,X2 as mapTheme,t3 as typography,u3 as useCollapsible,q3 as useDropdown,n3 as usePBCopy};

package/dist/tokens/screen_sizes.scss

@@ -56,11 +56,35 @@ $breakpoints_max_only: (
     )
 );
 
+// Code for floor-based breakpoint system (min-width only, inherits upward)
+$breakpoints_floor: (
+    xs: (
+        max: $screen-xs-min  // Special case: keep as max-width for mobile-only
+    ),
+    sm: (
+        min: $screen-sm-min  // Floor: applies from 576px upward
+    ),
+    md: (
+        min: $screen-md-min   // Floor: applies from 768px upward
+    ),
+    lg: (
+        min: $screen-lg-min   // Floor: applies from 992px upward
+    ),
+    xl: (
+        min: $screen-xl-min   // Floor: applies from 1200px upward
+    )
+);
 
 @function breakpoint($breakpoint_name) {
   @return map-get($breakpoints, $breakpoint_name);
 }
 
+// Alias for this floor-based system while set up side by side with break_at and break_on
+@mixin break_at_min($min_size) {
+  @media screen and (min-width: $min_size) {
+    @content;
+  }
+}
 
 @mixin break_at($size) {
   @media screen and (max-width: $size) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playbook-ui",
-  "version": "15.3.0-rc.7",
+  "version": "15.4.0-alpha.PLAY1541responsivefloorPOC12370",
   "description": "Nitro's Design System",
   "main": "./dist/playbook.js",
   "types": "./dist/types/index.d.ts",