@pg-labs-incubator/cobweb 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@property --cw-interactable-focusIndicator-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --cw-interactable-focusIndicator-offset{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --cw-interactable-focusIndicator-thickness{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --cw-interactable-stateLayer-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --cw-interactable-stateLayer-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}@property --cw-interactable-ripple-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --cw-interactable-ripple-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}@property --cw-interactable-ripple-radius{syntax: "auto | <length>"; inherits: false; initial-value: auto;}@property --_CW-INTERACTABLE-RIPPLE1_COLOR{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --_CW-INTERACTABLE-RIPPLE1_RADIUS{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --_CW-INTERACTABLE-RIPPLE1_X{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --_CW-INTERACTABLE-RIPPLE1_Y{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --_CW-INTERACTABLE-RIPPLE2_COLOR{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --_CW-INTERACTABLE-RIPPLE2_RADIUS{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --_CW-INTERACTABLE-RIPPLE2_X{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --_CW-INTERACTABLE-RIPPLE2_Y{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@layer cw-style{.cw-interactable{position:relative;z-index:0}.cw-interactable:before{--cw-interactable-stateLayer-color: inherit;--cw-interactable-stateLayer-opacity: inherit;color:cw-scale-opacity(var(--cw-interactable-stateLayer-color),var(--cw-interactable-stateLayer-opacity));outline-width:0}._cw-interactable-stateLayer:before{--cw-interactable-focusIndicator-color: inherit;background-color:currentcolor;border-color:transparent;border-radius:inherit;border-style:inherit;border-width:inherit;content:"";inset:0;outline-color:var(--cw-interactable-focusIndicator-color);outline-offset:0;outline-style:solid;outline-width:0;position:absolute;transition-duration:cw-var(--cw-Motion-spring-effect-fast-duration),cw-var(--cw-Motion-spring-spatial-fast-duration),cw-var(--cw-Motion-spring-spatial-fast-duration);transition-property:color,outline-offset,outline-width;transition-timing-function:cw-var(--cw-Motion-spring-effect-fast-easing),cw-var(--cw-Motion-spring-spatial-fast-easing),cw-var(--cw-Motion-spring-spatial-fast-easing);z-index:-1}._cw-interactable-ripple:before{background-image:radial-gradient(circle farthest-corner,var(--_CW-INTERACTABLE-RIPPLE1_COLOR) max(0px,calc(var(--_CW-INTERACTABLE-RIPPLE1_RADIUS) - 2px)),transparent var(--_CW-INTERACTABLE-RIPPLE1_RADIUS)),radial-gradient(circle farthest-corner,var(--_CW-INTERACTABLE-RIPPLE2_COLOR) max(0px,calc(var(--_CW-INTERACTABLE-RIPPLE2_RADIUS) - 2px)),transparent var(--_CW-INTERACTABLE-RIPPLE2_RADIUS));background-origin:border-box;background-position:calc(100% - var(--_CW-INTERACTABLE-RIPPLE1_X)) calc(100% - var(--_CW-INTERACTABLE-RIPPLE1_Y)),calc(100% - var(--_CW-INTERACTABLE-RIPPLE2_X)) calc(100% - var(--_CW-INTERACTABLE-RIPPLE2_Y));background-repeat:no-repeat;background-size:200% 200%}._cw-interactable-focusIndicator{outline:none;&:before{--cw-interactable-focusIndicator-offset: inherit;--cw-interactable-focusIndicator-thickness: inherit;outline-offset:var(--cw-interactable-focusIndicator-offset);outline-width:var(--cw-interactable-focusIndicator-thickness)}}@starting-style{._cw-interactable-stateLayer:before{color:transparent}._cw-interactable-focusIndicator:before{outline-offset:0;outline-width:0}}@media (forced-colors: active){._cw-interactable-stateLayer:before{background:none}}}
|
|
1
|
+
@property --cw-interactable-focusIndicator-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --cw-interactable-focusIndicator-offset{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --cw-interactable-focusIndicator-thickness{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --cw-interactable-stateLayer-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --cw-interactable-stateLayer-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}@property --cw-interactable-ripple-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --cw-interactable-ripple-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}@property --cw-interactable-ripple-radius{syntax: "auto | <length>"; inherits: false; initial-value: auto;}@property --_CW-INTERACTABLE-RIPPLE1_COLOR{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --_CW-INTERACTABLE-RIPPLE1_RADIUS{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --_CW-INTERACTABLE-RIPPLE1_X{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --_CW-INTERACTABLE-RIPPLE1_Y{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --_CW-INTERACTABLE-RIPPLE2_COLOR{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --_CW-INTERACTABLE-RIPPLE2_RADIUS{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --_CW-INTERACTABLE-RIPPLE2_X{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --_CW-INTERACTABLE-RIPPLE2_Y{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@layer cw-style{.cw-interactable{position:relative;z-index:0}.cw-interactable:before{--cw-interactable-stateLayer-color: inherit;--cw-interactable-stateLayer-opacity: inherit;color:cw-scale-opacity(var(--cw-interactable-stateLayer-color),var(--cw-interactable-stateLayer-opacity));outline-width:0}._cw-interactable-stateLayer:before{--cw-interactable-focusIndicator-color: inherit;background-color:currentcolor;border-color:transparent;border-radius:inherit;border-style:inherit;border-width:inherit;content:"";inset:0;outline-color:var(--cw-interactable-focusIndicator-color);outline-offset:0;outline-style:solid;outline-width:0;position:absolute;transition-duration:cw-var(--cw-Motion-spring-effect-fast-duration),cw-var(--cw-Motion-spring-spatial-fast-duration),cw-var(--cw-Motion-spring-spatial-fast-duration);transition-property:color,outline-offset,outline-width;transition-timing-function:cw-var(--cw-Motion-spring-effect-fast-easing),cw-var(--cw-Motion-spring-spatial-fast-easing),cw-var(--cw-Motion-spring-spatial-fast-easing);z-index:-1}._cw-interactable-ripple:before{background-image:radial-gradient(circle farthest-corner,var(--_CW-INTERACTABLE-RIPPLE1_COLOR) max(0px,calc(var(--_CW-INTERACTABLE-RIPPLE1_RADIUS) - 2px)),transparent var(--_CW-INTERACTABLE-RIPPLE1_RADIUS)),radial-gradient(circle farthest-corner,var(--_CW-INTERACTABLE-RIPPLE2_COLOR) max(0px,calc(var(--_CW-INTERACTABLE-RIPPLE2_RADIUS) - 2px)),transparent var(--_CW-INTERACTABLE-RIPPLE2_RADIUS));background-origin:border-box;background-position:calc(100% - var(--_CW-INTERACTABLE-RIPPLE1_X)) calc(100% - var(--_CW-INTERACTABLE-RIPPLE1_Y)),calc(100% - var(--_CW-INTERACTABLE-RIPPLE2_X)) calc(100% - var(--_CW-INTERACTABLE-RIPPLE2_Y));background-repeat:no-repeat;background-size:200% 200%}._cw-interactable-focusIndicator{outline:none;&:before{--cw-interactable-focusIndicator-offset: inherit;--cw-interactable-focusIndicator-thickness: inherit;outline-offset:var(--cw-interactable-focusIndicator-offset);outline-width:var(--cw-interactable-focusIndicator-thickness)}}@supports (hanging-punctuation: first){.cw-interactable{--_CW-INTERACTABLE-STATE_LAYER_COLOR: var(--cw-interactable-stateLayer-color);--_CW-INTERACTABLE-STATE_LAYER_OPACITY: var(--cw-interactable-stateLayer-opacity)}.cw-interactable:before{color:cw-scale-opacity(var(--_CW-INTERACTABLE-STATE_LAYER_COLOR),var(--_CW-INTERACTABLE-STATE_LAYER_OPACITY))}._cw-interactable-stateLayer{--_CW-INTERACTABLE-FOCUS_INDICATOR_COLOR: var(--cw-interactable-focusIndicator-color)}._cw-interactable-stateLayer:before{outline-color:var(--_CW-INTERACTABLE-FOCUS_INDICATOR_COLOR)}._cw-interactable-focusIndicator{--_CW-INTERACTABLE-FOCUS_INDICATOR_OFFSET: var(--cw-interactable-focusIndicator-offset);--_CW-INTERACTABLE-FOCUS_INDICATOR_THICKNESS: var(--cw-interactable-focusIndicator-thickness);&:before{outline-offset:var(--_CW-INTERACTABLE-FOCUS_INDICATOR_OFFSET);outline-width:var(--_CW-INTERACTABLE-FOCUS_INDICATOR_THICKNESS)}}}@starting-style{._cw-interactable-stateLayer:before{color:transparent}._cw-interactable-focusIndicator:before{outline-offset:0;outline-width:0}}@media (forced-colors: active){._cw-interactable-stateLayer:before{background:none}}}
|