@reuters-graphics/graphics-components 0.1.6 → 0.1.7--canary.99.331bdb0.0

package/dist/scss/tokens/interactivity/_cursor.scss

@@ -0,0 +1,72 @@
+.cursor-auto {
+  cursor: auto;
+}
+.cursor-default {
+  cursor: default;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.cursor-crosshair {
+  cursor: crosshair;
+}
+.cursor-text {
+  cursor: text;
+}
+.cursor-move {
+  cursor: move;
+}
+.cursor-grab {
+  cursor: grab;
+}
+.cursor-grabbing {
+  cursor: grabbing;
+}
+.cursor-col-resize {
+  cursor: col-resize;
+}
+.cursor-row-resize {
+  cursor: row-resize;
+}
+.cursor-zoom-in {
+  cursor: zoom-in;
+}
+.cursor-zoom-out {
+  cursor: zoom-out;
+}
+.\!cursor-auto {
+  cursor: auto !important;
+}
+.\!cursor-default {
+  cursor: default !important;
+}
+.\!cursor-pointer {
+  cursor: pointer !important;
+}
+.\!cursor-crosshair {
+  cursor: crosshair !important;
+}
+.\!cursor-text {
+  cursor: text !important;
+}
+.\!cursor-move {
+  cursor: move !important;
+}
+.\!cursor-grab {
+  cursor: grab !important;
+}
+.\!cursor-grabbing {
+  cursor: grabbing !important;
+}
+.\!cursor-col-resize {
+  cursor: col-resize !important;
+}
+.\!cursor-row-resize {
+  cursor: row-resize !important;
+}
+.\!cursor-zoom-in {
+  cursor: zoom-in !important;
+}
+.\!cursor-zoom-out {
+  cursor: zoom-out !important;
+}

package/dist/scss/tokens/interactivity/_main.scss

@@ -0,0 +1,2 @@
+@forward 'cursor';
+@forward 'pointer-events';

package/dist/scss/tokens/interactivity/_pointer-events.scss

@@ -0,0 +1,12 @@
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
+.\!pointer-events-none {
+  pointer-events: none !important;
+}
+.\!pointer-events-auto {
+  pointer-events: auto !important;
+}

package/dist/scss/tokens/layout/_box-sizing.scss

@@ -0,0 +1,12 @@
+.box-border {
+  box-sizing: border-box;
+}
+.box-content {
+  box-sizing: content-box;
+}
+.\!box-border {
+  box-sizing: border-box !important;
+}
+.\!box-content {
+  box-sizing: content-box !important;
+}

package/dist/scss/tokens/layout/_display.scss

@@ -0,0 +1,126 @@
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline {
+  display: inline;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.inline-table {
+  display: inline-table;
+}
+.table-caption {
+  display: table-caption;
+}
+.table-cell {
+  display: table-cell;
+}
+.table-column {
+  display: table-column;
+}
+.table-column-group {
+  display: table-column-group;
+}
+.table-footer-group {
+  display: table-footer-group;
+}
+.table-header-group {
+  display: table-header-group;
+}
+.table-row-group {
+  display: table-row-group;
+}
+.table-row {
+  display: table-row;
+}
+.flow-root {
+  display: flow-root;
+}
+.grid {
+  display: grid;
+}
+.inline-grid {
+  display: inline-grid;
+}
+.contents {
+  display: contents;
+}
+.list-item {
+  display: list-item;
+}
+.hidden {
+  display: none;
+}
+.\!block {
+  display: block !important;
+}
+.\!inline-block {
+  display: inline-block !important;
+}
+.\!inline {
+  display: inline !important;
+}
+.\!flex {
+  display: flex !important;
+}
+.\!inline-flex {
+  display: inline-flex !important;
+}
+.\!table {
+  display: table !important;
+}
+.\!inline-table {
+  display: inline-table !important;
+}
+.\!table-caption {
+  display: table-caption !important;
+}
+.\!table-cell {
+  display: table-cell !important;
+}
+.\!table-column {
+  display: table-column !important;
+}
+.\!table-column-group {
+  display: table-column-group !important;
+}
+.\!table-footer-group {
+  display: table-footer-group !important;
+}
+.\!table-header-group {
+  display: table-header-group !important;
+}
+.\!table-row-group {
+  display: table-row-group !important;
+}
+.\!table-row {
+  display: table-row !important;
+}
+.\!flow-root {
+  display: flow-root !important;
+}
+.\!grid {
+  display: grid !important;
+}
+.\!inline-grid {
+  display: inline-grid !important;
+}
+.\!contents {
+  display: contents !important;
+}
+.\!list-item {
+  display: list-item !important;
+}
+.\!hidden {
+  display: none !important;
+}

package/dist/scss/tokens/layout/_floats.scss

@@ -0,0 +1,18 @@
+.float-right {
+  float: right;
+}
+.float-left {
+  float: left;
+}
+.float-none {
+  float: none;
+}
+.\!float-right {
+  float: right !important;
+}
+.\!float-left {
+  float: left !important;
+}
+.\!float-none {
+  float: none !important;
+}

package/dist/scss/tokens/layout/_main.scss

@@ -0,0 +1,8 @@
+@forward 'flex/main';
+@forward 'box-sizing';
+@forward 'display';
+@forward 'floats';
+@forward 'object-fit';
+@forward 'object-position';
+@forward 'overflow';
+@forward 'position';

package/dist/scss/tokens/layout/_object-fit.scss

@@ -0,0 +1,30 @@
+.object-contain {
+  object-fit: contain;
+}
+.object-cover {
+  object-fit: cover;
+}
+.object-fill {
+  object-fit: fill;
+}
+.object-none {
+  object-fit: none;
+}
+.object-scale-down {
+  object-fit: scale-down;
+}
+.\!object-contain {
+  object-fit: contain !important;
+}
+.\!object-cover {
+  object-fit: cover !important;
+}
+.\!object-fill {
+  object-fit: fill !important;
+}
+.\!object-none {
+  object-fit: none !important;
+}
+.\!object-scale-down {
+  object-fit: scale-down !important;
+}

package/dist/scss/tokens/layout/_object-position.scss

@@ -0,0 +1,54 @@
+.object-bottom {
+  object-position: bottom;
+}
+.object-center {
+  object-position: center;
+}
+.object-left {
+  object-position: left;
+}
+.object-left-bottom {
+  object-position: left bottom;
+}
+.object-left-top {
+  object-position: left top;
+}
+.object-right {
+  object-position: right;
+}
+.object-right-bottom {
+  object-position: right bottom;
+}
+.object-right-top {
+  object-position: right top;
+}
+.object-top {
+  object-position: top;
+}
+.\!object-bottom {
+  object-position: bottom !important;
+}
+.\!object-center {
+  object-position: center !important;
+}
+.\!object-left {
+  object-position: left !important;
+}
+.\!object-left-bottom {
+  object-position: left bottom !important;
+}
+.\!object-left-top {
+  object-position: left top !important;
+}
+.\!object-right {
+  object-position: right !important;
+}
+.\!object-right-bottom {
+  object-position: right bottom !important;
+}
+.\!object-right-top {
+  object-position: right top !important;
+}
+.\!object-top {
+  object-position: top !important;
+}

package/dist/scss/tokens/layout/_overflow.scss

@@ -0,0 +1,90 @@
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-clip {
+  overflow: clip;
+}
+.overflow-visible {
+  overflow: visible;
+}
+.overflow-scroll {
+  overflow: scroll;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+.overflow-x-clip {
+  overflow-x: clip;
+}
+.overflow-y-clip {
+  overflow-y: clip;
+}
+.overflow-x-visible {
+  overflow-x: visible;
+}
+.overflow-y-visible {
+  overflow-y: visible;
+}
+.overflow-x-scroll {
+  overflow-x: scroll;
+}
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+.\!overflow-auto {
+  overflow: auto !important;
+}
+.\!overflow-hidden {
+  overflow: hidden !important;
+}
+.\!overflow-clip {
+  overflow: clip !important;
+}
+.\!overflow-visible {
+  overflow: visible !important;
+}
+.\!overflow-scroll {
+  overflow: scroll !important;
+}
+.\!overflow-x-auto {
+  overflow-x: auto !important;
+}
+.\!overflow-y-auto {
+  overflow-y: auto !important;
+}
+.\!overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+.\!overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+.\!overflow-x-clip {
+  overflow-x: clip !important;
+}
+.\!overflow-y-clip {
+  overflow-y: clip !important;
+}
+.\!overflow-x-visible {
+  overflow-x: visible !important;
+}
+.\!overflow-y-visible {
+  overflow-y: visible !important;
+}
+.\!overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+.\!overflow-y-scroll {
+  overflow-y: scroll !important;
+}

package/dist/scss/tokens/layout/_position.scss

@@ -0,0 +1,30 @@
+.static {
+  position: static;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
+}
+.\!static {
+  position: static;
+}
+.\!fixed {
+  position: fixed;
+}
+.\!absolute {
+  position: absolute;
+}
+.\!relative {
+  position: relative;
+}
+.\!sticky {
+  position: sticky;
+}

package/dist/scss/tokens/layout/flex/_align-content.scss

@@ -0,0 +1,54 @@
+.content-normal {
+  align-content: normal;
+}
+.content-center {
+  align-content: center;
+}
+.content-start {
+  align-content: flex-start;
+}
+.content-end {
+  align-content: flex-end;
+}
+.content-between {
+  align-content: space-between;
+}
+.content-around {
+  align-content: space-around;
+}
+.content-evenly {
+  align-content: space-evenly;
+}
+.content-baseline {
+  align-content: baseline;
+}
+.content-stretch {
+  align-content: stretch;
+}
+.\!content-normal {
+  align-content: normal !important;
+}
+.\!content-center {
+  align-content: center !important;
+}
+.\!content-start {
+  align-content: flex-start !important;
+}
+.\!content-end {
+  align-content: flex-end !important;
+}
+.\!content-between {
+  align-content: space-between !important;
+}
+.\!content-around {
+  align-content: space-around !important;
+}
+.\!content-evenly {
+  align-content: space-evenly !important;
+}
+.\!content-baseline {
+  align-content: baseline !important;
+}
+.\!content-stretch {
+  align-content: stretch !important;
+}

package/dist/scss/tokens/layout/flex/_align-items.scss

@@ -0,0 +1,30 @@
+.items-start {
+  align-items: flex-start;
+}
+.items-end {
+  align-items: flex-end;
+}
+.items-center {
+  align-items: center;
+}
+.items-baseline {
+  align-items: baseline;
+}
+.items-stretch {
+  align-items: stretch;
+}
+.\!items-start {
+  align-items: flex-start !important;
+}
+.\!items-end {
+  align-items: flex-end !important;
+}
+.\!items-center {
+  align-items: center !important;
+}
+.\!items-baseline {
+  align-items: baseline !important;
+}
+.\!items-stretch {
+  align-items: stretch !important;
+}

package/dist/scss/tokens/layout/flex/_align-self.scss

@@ -0,0 +1,36 @@
+.self-auto {
+  align-self: auto;
+}
+.self-start {
+  align-self: flex-start;
+}
+.self-end {
+  align-self: flex-end;
+}
+.self-center {
+  align-self: center;
+}
+.self-stretch {
+  align-self: stretch;
+}
+.self-baseline {
+  align-self: baseline;
+}
+.\!self-auto {
+  align-self: auto !important;
+}
+.\!self-start {
+  align-self: flex-start !important;
+}
+.\!self-end {
+  align-self: flex-end !important;
+}
+.\!self-center {
+  align-self: center !important;
+}
+.\!self-stretch {
+  align-self: stretch !important;
+}
+.\!self-baseline {
+  align-self: baseline !important;
+}

package/dist/scss/tokens/layout/flex/_flex-direction.scss

@@ -0,0 +1,24 @@
+.flex-row {
+  flex-direction: row;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.\!flex-row {
+  flex-direction: row !important;
+}
+.\!flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+.\!flex-col {
+  flex-direction: column !important;
+}
+.\!flex-col-reverse {
+  flex-direction: column-reverse !important;
+}

package/dist/scss/tokens/layout/flex/_flex-grow.scss

@@ -0,0 +1,12 @@
+.grow {
+  flex-grow: 1;
+}
+.grow-0 {
+  flex-grow: 0;
+}
+.\!grow {
+  flex-grow: 1 !important;
+}
+.\!grow-0 {
+  flex-grow: 0 !important;
+}

package/dist/scss/tokens/layout/flex/_flex-shrink.scss

@@ -0,0 +1,12 @@
+.shrink {
+  flex-shrink: 1;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.\!shrink {
+  flex-shrink: 1 !important;
+}
+.\!shrink-0 {
+  flex-shrink: 0 !important;
+}

package/dist/scss/tokens/layout/flex/_flex-wrap.scss

@@ -0,0 +1,18 @@
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+.\!flex-wrap {
+  flex-wrap: wrap !important;
+}
+.\!flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+.\!flex-nowrap {
+  flex-wrap: nowrap !important;
+}

package/dist/scss/tokens/layout/flex/_flex.scss

@@ -0,0 +1,24 @@
+.flex-1 {
+  flex: 1 1 0%;
+}
+.flex-auto {
+  flex: 1 1 auto;
+}
+.flex-initial {
+  flex: 0 1 auto;
+}
+.flex-none {
+  flex: none;
+}
+.\!flex-1 {
+  flex: 1 1 0% !important;
+}
+.\!flex-auto {
+  flex: 1 1 auto !important;
+}
+.\!flex-initial {
+  flex: 0 1 auto !important;
+}
+.\!flex-none {
+  flex: none !important;
+}